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前 言 


微软 2008 年 推出 的 ASPNET 3.5 是 在 ASPNET 2.0 的 基础 上 发 展 起 来 的 ， 一 方面 它 
进一步 完善 了 2.0 版 本 ， 另 一 方面 又 增添 了 很 多 最 新 技术 ， 但 仍然 与 2.0 版 本 兼容 ， 甚 至 
允许 两 种 版 本 安装 在 同一 台 机 器 上 。 而 且 微软 公司 已 经 公开 承诺 允许 长 期 免费 使 用 这 两 个 
系统 。 

本 书 的 特点 是 ， 以 Web 应 用 开发 为 主线 组 织 内 容 ; 通过 大 量 实例 深入 浅 出 地 讲解 技 
术 ， 引 导读 者 利用 ASPNET 3.5 快速 开发 出 功能 强大 、 运 行 可 靠 而 且 易 于 扩展 的 系统 。 

本 书 不 是 一 本 “傻瓜 书 ”， 也 不 是 一 本 “应 用 手册 ”， 而 是 一 本 “教程 ”。 就 是 说 ， 
书 中 不 仅 要 说 明 技术 “是 什么 ”， 还 要 说 明 技术 产生 的 历史 背景 、 解 决 的 思路 和 方法 ， 以 
及 相关 理论 。 

学 习 本 书 之 前 最 好 已 经 学 过 一 门 程序 设计 语言 C、C++、Java、VB 等 都 可 以 )， 如 果 
学 过 C#NET 当然 更 好 ， 没 有 学 过 C# NET 也 没有 多 大 关系 ， 必 要 时 可 参阅 本 书 的 附录 。 

本 书 共 分 七 大 部 分 ， 包 括 29 章 和 两 个 附录 。 

第 一 部 分 : ASPNET 基础 。 介 绍 .NET 框架 的 组 成 、 作 用 以 及 ASP.NET 网 站 的 四 
辑 结 构 。 

第 二 部 分 : 浏览 器 端 开 发 。 浏 览 器 端的 开发 技术 近 几 年 来 有 很 大 发 展 ， 网 页 质量 已 经 
成 为 网 站 竞争 的 重要 因素 。 这 一 部 分 讲授 HTML、CSS、 动 态 HTML( 即 DHTML) 以 及 利 
用 jQuery 设计 动画 等 四 方面 的 内 容 。 

第 三 部 分 ， 服务 器 端 开发 。 这 是 本 书 的 重点 。ASP.NET Web 应 用 程序 (网 站 ) 就 是 一 种 
基于 服务 器 的 系统 ， 它 包括 的 内 容 很 多 ， 因 此 用 12 章 的 篇 幅 进行 讲解 ， 主 要 讲授 ASPX 
网 页 以 及 各 种 服务 器 控件 的 使 用 方法 ， 各 种 数据 访问 技术 ， 包 括 ADO.NET 的 系统 结构 ， 
对 数据 库 的 连接 、 显 示 、 编 辑 与 同步 ， 以 及 存储 过 程 、 数 据 缓存 的 方法 ， 最 后 介绍 LINQ 
这 项 最 新 技术 及 其 应 用 等 。 

第 四 部 分 : 母 版 页 与 角色 管理 。 网 站 安全 、 网 站 显示 风格 等 都 是 网 站 开发 中 必须 注意 
的 主题 。 在 这 部 分 中 将 站 在 全 局 的 高 度 来 讲述 网 站 的 显示 风格 、 网 站 导航 、 网 站 安全 以 及 
网 站 的 个 性 化 服务 等 四 方面 的 内 容 。 

第 五 部 分 ，ASP.NET Ajax 技术 。 用 3 章 篇 幅 主 要 讲授 Ajax 原理 、ASP.NET Ajax 技 
术 以 及 Ajax ToolKit 的 使 用 等 三 方面 的 内 容 ， 使 读者 在 学 会 原理 的 基础 上 ， 能 够 对 传统 的 
Web 网 站 进行 Ajax 功能 升级 。 

第 六 部 分 : Web 服务 。 主 要 通过 几 个 典型 实例 让 读者 掌握 XML Web 服务 的 调用 方 
法 ， 以 及 创建 XML Web 服务 网 站 两 方面 的 问题 。 

第 七 部 分 : 综合 示例 。 在 这 里 选择 了 网 上 招聘 及 留言 板 、 快 速 开发 动态 数据 驱动 网 
站 、 创 建 电子 商务 网 站 三 个 典型 项 目 ， 通 过 讲述 它们 的 设计 方法 ， 使 读者 进一步 掌握 利用 
前 面 所 学 内 容 综 合 开发 系统 的 实际 本 领 。 

本 书 是 《ASP.NET 2.0 动态 网 站 开发 教程 》 的 姊妹 篇 。2006 年 上 半年 本 书 的 作者 曾经 
出 版 了 《ASPNET 2.0 动态 网 站 开发 教程 》，2008 年 又 出 版 了 它 的 第 2 版 ， 这 两 本 书 受 到 


I ASP.NET Web 开发 教程 


了 不 少 读者 的 喜爱 (4 年 中 已 经 连续 印刷 了 14 次 )， 同 时 也 要 感谢 很 多 读者 提出 的 批评 和 建 
议 ， 现 在 这 本 书 保留 了 前 两 本 书 的 撰写 风格 和 部 分 内 容 ， 因 此 可 以 说 本 书 既 站 在 Web 发 
展 的 前 沿 又 保持 了 原 书 的 优点 。 

本 书 的 主要 读者 对 象 是 计算 机 应 用 、 信 息 专 业 的 大 专 院 校 学 生 ， 初 、 中 级 程序 员 或 者 
Web 的 业余 爱好 者 。 
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第 一 部 分 


为 了 学 会 并 掌握 ASP.NET 系统 ， 需 要 对 系统 的 发 展 过程 、 系 统 的 整体 概貌 以 及 .NET 
框架 的 基础 结构 有 一 个 初步 的 了 解 。 这 一 部 分 讲述 以 下 几 方 面 的 问题 。 


Web 的 发 展 简 史 。 

.NET 框架 与 ASP.NET 发 展 的 简要 过 程 。 
.NET 框架 的 基础 结构 。 

ASP.NET 网 站 的 逻辑 结构 与 网 站 组 成 。 
创建 ASP.NET 网 站 的 方法 。 


第 1 章 .NET 框架 简介 


本 章 讲授 的 内 容 包 括 三 部 分 。 

@ Web 以 及 ASP.NET 发 展 历 史 的 简要 回顾 。 

@ .NET 框架 的 基础 结构 。 

@ XML 语言 。 

后 面 两 个 问题 是 重点 ， 在 后 续 的 讲授 中 将 经 常 联系 到 这 两 方面 的 内 容 。 


1.1 Web 发 展 历史 的 简要 回顾 


Web 的 概念 是 Tim Berners-Lee 于 1980 年 在 瑞士 提出 来 的 。1991 年 8 月 出 现 了 第 一 
台 Web 服务 器 ， 到 今天 才 不 过 20 年 的 历史 ，Web 出 现 后 的 发 展 速度 、 影 响 的 范围 都 远 远 
超出 了 人 们 的 预想 。 目 前 ， 它 已 经 深入 到 人 类 社会 ， 并 广泛 应 用 于 人 们 的 生活 之 中 。 

Web 通常 由 浏览 器 、 服 务 器 (通常 还 包括 数据 库 ) 组 成 。 其 一 部 分 是 浏览 器 或 其 他 数字 
设备 ， 另 一 部 分 是 服务 器 。 最 初 的 Web 只 能 由 服务 器 发 送 简单 的 单 页 静态 纯 文 本 ， 现 在 
已 经 发 展 到 支持 音频 、 视 频 这 样 丰富 内 容 的 信息 ， 还 常常 执行 一 些 复杂 的 基于 因特网 的 应 
用 程序 。 在 这 些 应 用 程序 中 ， 服 务 器 与 浏览 器 之 间 频 繁 地 进行 通信 、 交 互 以 处 理 大 量 的 数 
据 ， 实 际 上 已 经 成 为 一 种 分 布 式 的 应 用 系统 。 一 个 Web 应 用 程序 既是 Web 应 用 的 基本 单 
位 ， 也 是 程序 部 署 的 基本 单位 ， 有 时 又 称 为 网 站 。 例 如 电子 商务 、 电 子 政务 、 远 程 教育 、 
网 上 银行 、 网 上 招聘 、 信 息 咨询 等 一 些 大 大 小 小 的 网 站 都 属于 Web 应 用 的 范围 。 


1.1.1 从 静态 网 页 发 展 到 动态 网 页 


早期 的 Web 服务 器 发 送出 的 是 静态 网 页 ， 虽 然 网 页 中 包括 有 文字 和 图 片 ， 但 是 只 要 
不 改变 设计 ， 网 页 的 内 容 是 不 会 变化 的 。 对 静态 网 页 的 访问 过 程 如 下 。 

(1) 客户 通过 浏览 器 向 服务 器 申请 URL 页 面 。 

(2) 服务 器 向 客户 送出 被 申请 的 页 面 。 

G) 浏览 器 下 载 并 解释 传 来 的 页 面 并 显示 在 浏览 器 中 。 

(4) 断 开 客 户 与 服务 器 之 间 的 联系 。 

整个 过 程 比较 简单 ， 到 浏览 器 下 载 完 页 面 时 为 止 ， 整 个 过 程 就 结束 了 。 用 于 发 布 静态 
网 页 的 网 站 设计 比较 简单 。 这 种 设计 对 于 早期 的 网 站 来 说 也 许 已 足够 。 因 为 早期 使 用 网 站 
的 大 多 是 一 些 科 学 工作 者 ， 他 们 关注 的 重点 只 是 交流 有 关 科 学 技术 的 内 容 。 

随 着 因特网 应 用 领域 的 扩展 ， 各 种 不 同类 型 的 客户 加 入 到 网 络 中 来 ， 不 少 客户 很 快 就 
提出 了 新 的 要 求 。 例 如 ， 有 的 客户 提出 ， 能 不 能 代 我 查阅 一 下 我 银行 存款 的 变化 情况 ? 要 
满足 类 似 这 样 的 需求 ， 服 务 器 的 工作 就 不 那么 简单 了 。 它 首先 要 查阅 银行 账户 ， 进 行 必要 
的 计算 和 统计 ， 再 将 结果 反馈 给 客户 。 这 就 是 说 ， 服 务 器 在 回答 问题 前 必须 先 执行 一 些 相 
关 的 程序 。 这 段 程序 不 仅 应 能 回答 客户 的 问题 ， 还 要 能 够 保障 客户 的 信息 安全 ， 防 止 其 他 
人 进行 查阅 或 破坏 。 
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类 似 这 种 网 页 的 输出 内 容 将 随 程序 执行 的 结果 而 有 所 不 同 ， 这 样 的 网 页 被 称 为 “动态 
网 页 ”。 访 问 动态 网 页 的 过 程 如 下 。 

(1) 客户 通过 浏览 器 向 服务 器 申请 URL 页 面 。 

(2) 服务 器 接收 请 求 ， 并 处 理 网 页 上 的 代码 。 

G) 将 代码 的 处 理 结果 转换 成 HTML 代码 后 向 客户 送出 。 

(4) 浏览 器 下 载 并 解释 传 来 的 页 面 并 显示 在 浏览 器 中 。 

(5) 服务 器 断 开 与 客户 的 联系 并 转向 其 他 客户 ， 以 便 提供 新 的 服务 。 

和 静态 网 页 相 比 ， 动 态 网 页 的 处 理 上 多 了 一 个 处 理 代码 的 过 程 。 用 什么 方式 来 处 理 代 
码 ， 在 不 同 的 历史 时 期 采用 了 不 同 的 技术 ， 大 体 上 可 以 划分 为 3 个 阶段 。 


1.1.2 动态 网 页 发 展 的 几 个 阶段 
1. CGI 阶段 


CGI 是 英文 Common Gateway Interface 的 缩写 ， 代 表 服 务 器 端的 一 种 通用 (标准 ) 接 
口 。 每 当 服 务 器 接 到 客户 更 新 数据 的 要 求 以 后 ， 利 用 这 个 接口 去 启动 外 部 应 用 程序 来 完成 
各 类 计算 、 处 理 或 访问 数据 库 的 工作 ， 处 理 完 后 将 结果 返回 Web 服务 器 ， 再 返回 浏览 
器 。 外 部 应 用 程序 是 用 C、C++、Perl、Pascal、Java 或 其 他 语言 编写 的 ， 程 序 运行 在 独立 
的 地 址 空间 中 。 具 体 情况 如 图 1.1 所 示 。 


客户 ! [ 浏览 器 应 用 程序 1 、 
客户 2 RE ~ > 

. 服务 器 一 - EID a) 
客户 n ET 了 用 程序 ") 


1.1 CGI 示 意图 


后 来 出 现 了 ISAPI( 用 于 Internet Explorer 浏览 器 ) 或 NSAPI (用 于 Netscape 浏览 器 ) 技 
术 ， 其 功能 与 CGI 相同 ， 但 技术 方面 有 些 改进 。 外 部 应 用 程序 改 用 动态 链接 库 (DLL)， 被 
载 入 Web 服务 器 的 地 址 空间 运行 ， 并 且 用 “线程 ”代替 “进程 ”， 因 而 显著 地 提高 了 运 
行 效率 。 但 不 论 是 CGI 还 是 ISAPI 或 NSAPI， 都 需要 编写 外 部 应 用 程序 ， 而 编写 外 部 应 
用 程序 并 不 是 一 件 容易 的 事情 。 从 开发 人 员 的 角度 来 讲 ， 这 种 开发 方式 并 没有 带 来 开发 上 
的 方便 。 

2. 脚本 语言 阶段 
在 脚本 语言 阶段 出 现 了 许多 杰出 的 脚本 语言 ， 如 ASP、PHP、JSP 等 。 脚 本 语言 的 出 
现 大 大 简化 了 动态 网 站 开发 的 难度 ， 特 别 是 ASP 和 PHP 使 用 简单 、 功 能 强大 ， 成 为 许多 
网 站 开发 者 的 首选 。 

JSP 与 ASP 的 程序 结构 非常 相似 。 它 的 主要 特点 是 在 传统 的 HTML 网 页 文件 中 加 入 
Java 程序 段 和 使 用 各 种 各 样 的 JSP 标志 (Tag)， 构 成 JSP 网 页 。Web 服务 器 在 接收 客户 的 
访问 要 求 时 ， 首 先 执行 其 中 的 程序 片段 ， 并 将 执行 结果 以 HIML 格式 返回 客户 。 

3. 组 件 技术 阶段 


ASPNET 和 Java(J2EE) 技 术 是 组 件 技术 阶段 的 代表 。 这 是 一 个 由 类 和 对 象 (组 件 ) 组 成 
的 完全 面向 对 象 的 系统 ， 采 用 编译 方法 和 事件 驱动 方式 运行 。 系 统 具有 高 效 、 高 可 靠 、 高 


4 ASPNET Web 开发 教程 


可 扩展 性 的 特点 。 详 细 情 况 将 在 下 面 各 章节 中 重点 讲述 。 
1.2 ASP.NET 发 展 的 简要 历史 


进入 21 世纪 前 夕 ， 微 软 公司 鲜明 地 提出 了 .NET 的 发 展 战 略 ， 确 定 了 创建 下 一 代 
Internet 平台 的 目标 。 什 么 是 下 一 代 Internet 平台 ? 下 一 代 Internet 平台 的 主要 特征 之 一 就 
是 ， 它 将 无 处 不 在 ， 世 界 上 任何 一 台 智 能 数字 设备 都 有 可 能 通过 宽带 连接 到 因特网 上 。 因 
此 ， 作 为 下 一 代 Internet 平台 应 该 实现 以 下 要 求 。 

@ ”为 各 种 类 型 的 客户 服务 。 不 仅 能 为 现 有 的 计算 机 、 手 提 式 计算 机 、 移 动 电话 等 客 
户 服务 ， 还 要 能 为 未 来 可 能 加 入 因特网 的 智能 设备 (如 电视 机 、 电 冰箱 、 洗 衣 机 
等 ) 提 供 服务 。 
强大 的 交互 和 运算 能 力 。 
丰富 的 表现 能 力 。 

跨 平台 交换 数据 的 能 力 。 
快速 设计 和 部 署 的 能 力 。 

@ 强 有 力 的 安全 保障 能 力 。 

在 这 种 思想 的 指导 之 下 ， 微 软 公司 首先 设计 出 了 .NET 框架 (Framework)， 然 后 在 框架 
的 基础 上 创建 了 多 种 应 用 程序 的 开发 平台 。 


1.3 .NET 框架 (Framework) 的 发 展 过 程 


1.3.1 什么 是 .NET 框架 


什么 是 框架 ? 框架 是 从 建筑 行业 引 过 来 的 名 字 。 在 建筑 行业 中 ， 它 代表 建筑 物 的 骨架 
或 基础 架构 。 对 于 计算 机 软件 来 说 ， 框 架 是 一 簇 技术 的 集合 ， 是 应 用 程序 开发 的 基础 ， 它 
为 应 用 程序 提供 了 大 量 的 服务 。 如 提供 了 运行 环境 和 基层 管理 ， 为 应 用 程序 的 设计 提供 了 
大 量 可 重用 的 类 以 及 代码 等 。 

Microsoft .NET Framework 框架 是 一 个 综合 性 的 开发 平台 ， 在 这 个 平台 之 上 既 可 以 开 
发 Windows 桌面 应 用 系统 、 也 可 以 开发 ASP.NET Web 应 用 系统 、Web Service 服务 系统 
以 及 Mobile 移动 式 (无 线 ) 网 络 应 用 系统 。 

当 各 类 应 用 程序 以 NET Framework 框架 为 基础 上 进行 开发 时 ， 能 够 借助 于 框架 提供 
的 服务 从 高 起 点 出 发 ， 高 速度 地 前 进 ， 不 仅 可 以 大 大 简化 开发 过 程 ， 还 可 以 缩短 开发 周 
期 。 很 多 单 靠 应 用 设计 本 身 难 以 解决 的 难题 ， 在 NET Framework 服务 的 支持 下 ， 都 能 够 
迎刃而解 。 


1.3.2 .NET 框架 的 发 展 过 程 


.NET Framework 的 发 展 可 以 分 为 两 个 阶段 。 
第 一 阶段 : 2000 一 2003 年 微软 先后 推出 了 .NET Framework 1.0 和 .NET Framework 1.1 
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版 本 ， 并 在 两 种 版 本 之 上 建立 了 ASPNET 1.0 和 ASPNET 1.1， 这 两 个 版 本 都 是 独立 的 
系统 。 

第 二 阶段 2005 一 2008 年 微软 先后 推出 了 .NET Framework 2.0、NET Framework 
3.0、NET Framework 3.5、.NET Framework 3.5 SP1 几 种 版 本 ， 在 这 些 版 本 之 上 分 别 创建 
了 ASPNET2.0、ASPNET 3.5 等 。NET Framework 的 各 种 版 本 的 关系 如 图 1.2 所 示 。 


NET Fraunework 3.5 spl 
(ASP.NET35) 


NET Frumework 3.5 
(ASP.NET 3.5) 


NET Framewor: 30 


F| [we [we] [esspard) 


NET Framework 20 
(ASP.NET 2.0) 


1.2 .NET Framework 从 2.0 到 3.5 版 本 的 发 展 过 程 
图 中 的 小 方 框 代表 新 版 本 中 增添 的 技术 。 新 版 本 在 原 有 版 本 的 基础 上 发 展 ， 并 与 原版 
本 兼容 。 这 样 做 既 保持 了 原版 本 的 优势 又 吸收 了 Web 发 展 中 涌现 出 来 的 新 思想 、 新 技 
术 ， 始 终 保持 系统 的 先进 性 。 对 于 使 用 过 原 系统 的 设计 者 来 说 还 可 以 大 大 节约 学 习 成 本 。 
下 面 先 介绍 框架 的 基础 部 分 ， 一 些 新 增添 的 技术 将 结合 后 面 的 应 用 来 逐步 讲述 。 


1.4 .NET 框架 的 基础 结构 


.NET Framework 的 基础 结构 包括 五 大 部 分 ， 它 们 是 : 

程序 设计 语言 及 公共 语言 规范 (CLS)。 

应 用 程序 平台 (ASP.NET 及 Windows 应 用 程序 等 )。 
ADO.NET 及 类 库 。 

公共 语言 运行 库 (CLR)。 

程序 开发 环境 (Visual Studio .NET)。 

其 结构 如 图 1.3 所 示 。.NET 框架 的 基础 结构 可 以 简化 为 图 1.4。 


程序 设计 语言 
(WD、 CH+、 Ca、 J# 等 ) 
公共 语言 灿 范 
(Connon Language Specification) 
语言 与 开发 工具 


ADO. NET 与 《mL 
类 库 


图 1.3 .NET 框架 的 基础 结构 图 1.4 框架 的 简化 图 
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1.4.1 .NET 框架 中 的 程序 开发 语言 


在 .NET Framework 中 可 以 使 用 多 种 程序 开发 语言 ， 这 是 .NET 的 一 大 优点 。.NET 
Framework 中 的 CLS 实际 上 是 一 种 语言 规范 。 由 于 .NET 框架 支持 多 种 语言 ， 并 且 要 在 不 
同 语言 对 象 之 间 进 行 交互 ， 因 此 就 要 求 这 些 语 言 必须 遵守 一 些 共 同 的 规则 。 公 共 语 言 规范 
(Common Language Specification，CLS) 就 定义 了 这 些 语 言 的 共同 规范 ， 它 包括 了 数据 类 
型 、 语 言 构造 等 ， 同 时 CLS 又 被 设计 得 足够 的 小 。 

凡是 符合 CLS 规范 的 语言 都 可 以 在 .NET 框架 上 运行 。 目 前 已 经 有 C#NET、 
VB.NET、C++.NET、 瑚 NET、JScript.NET 等 (VBScript 已 不 再 使 用 )。 除 此 而 外 ， 还 能 够 
运行 一 些 现代 的 动态 语言 如 IonRuby 和 IronPython 等 。 

JavaScript 是 各 类 浏览 器 采用 的 通用 语言 。 传 统 的 JavaScript 是 一 种 基于 面向 对 象 的 脚 
本 语言 ， 现 在 ASPNET 中 采用 的 JScriptNET 与 JavaScript 语言 完全 兼容 ， 但 却 已 将 它 改 
造成 为 一 种 完全 面向 对 象 的 语言 ， 不 仅 给 语言 增添 了 很 多 新 功能 ， 还 得 到 NET 框架 的 完 
全 支持 。 

由 于 多 种 语言 都 运行 在 NET 框架 之 中 ， 因 此 它们 功能 都 基本 相同 ， 只 是 语法 有 区 

别 。 程 序 开发 者 可 以 选择 自己 习惯 或 爱好 的 语言 进行 开发 。VB.NET 和 VC.NET 与 原来 的 
VB、VC 相 比 已 经 有 很 多 地 方 不 兼容 。VB.NET 和 VB 相 比 变化 更 大 ，VB.NET 是 一 种 完 
全 面向 对 象 的 语言 (而 VB 只 是 基于 面向 对 象 的 语言 )。Visual 形 是 .NET 框架 1.1 版 本 以 
后 才 增 加 进来 的 语言 ， 用 来 提供 给 原来 使 用 Java 语言 的 程序 员 转 向 使 用 NET 框架 的 应 用 
程序 时 使 用 。 

Visual C# NET 是 为 .NET 框架 “量体裁衣 ”开发 出 来 的 语言 ， 非 常 简练 和 安全 ， 最 适 
合 于 在 .NET 框架 中 使 用 。 本 书 的 示例 都 是 用 C#NET 编写 的 。 

各 种 语言 经 过 编译 后 ， 并 不 直接 产生 CPU 可 执行 的 代码 ， 而 是 先 转变 为 一 种 中 间 语 
言 (Intermediate Language， 工 或 MSIL)。 执 行 时 再 由 公共 语言 运行 库 载 入 内 存 ， 通 过 实时 
解释 将 其 转换 为 CPU 可 执行 代码 。 转 换 的 过 程 如 图 1.5 所 示 。 


源 代码 (code) | 编译 | 中 辣 代码 MSID) | 编 洗 | CPU 可 执行 代码 


1.5 从 源 代码 到 CPU 可 执行 代码 的 转换 过 程 


设置 中 间 语 言 是 为 了 跨 平台 的 需要 。 源 程序 经 过 编译 转换 为 中 间 语 言 。 各 类 平台 只 要 
装 上 不 同 的 转换 引擎 ， 就 可 以 将 其 转换 为 本 CPU 需要 的 代码 "。 由 于 中 间 语 言 类 似 于 汇编 
语言 ， 与 二 进 制 代码 非常 接近 ， 因 此 实时 解释 的 速度 也 很 快 。 

转换 的 过 程 如 图 1.6 所 示 。 


GD 到 目前 为 止 ， 除 Windows 以 外 ， 还 没有 其 他 操作 系统 安装 有 这 样 的 CLR。 
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图 1.6 利用 中 间 语 言 转换 的 过 程 


1.4.2 ”基础 类 库 


.NET 框架 的 另 一 个 主要 组 成 部 分 是 类 库 。 类 库 相 当 庞 大 ， 拥 有 上 万 个 可 重用 的 
“类 ”。 各 种 不 同 的 开发 语言 都 可 以 用 它 来 开发 传统 的 命令 行程 序 或 者 图 形 用 户 界面 (GUD 
应 用 程序 。 

.NET 框架 中 的 类 被 拆 分 为 命名 空间 。 命 名 空间 (Namespace) 是 类 库 的 逻辑 分 区 。 类 库 
所 采用 的 命名 空间 呈 层 次 结构 ， 即 命名 空间 下 面 又 可 以 再 分 成 子 命名 空间 。 每 个 命名 空间 
都 包含 一 组 按照 功能 划分 的 相关 的 类 。 这 样 ， 一 个 大 型 的 .NET 库 就 变 得 易于 理解 和 便于 
使 用 。 例 如 : 

所 有 微软 公司 提供 的 类 都 以 System 或 Microsoft 命名 空间 开头 。 

有 关 网 络 协议 和 简单 的 编程 接口 的 类 放 在 System.Net 命名 空间 中 。 

有 关 文 件 IO、 内 存 IO、 独 立 存 储 的 类 放 在 System.IO 命名 空间 中 。 

基于 Windows 应 用 程序 的 用 户 界面 的 类 放 在 System.Windows.Forms 命名 空 
间 中 。 

@ 有关 Web 服务 器 与 浏览 器 交互 ， 以 及 Web 服务 的 类 都 放 入 System.Web 及 其 子 

命名 空间 中 。 

@ 所 有 用 于 处 理 XML 、XML 架构 、XSL/T 转换 、Xpath 表达 式 的 类 都 放 入 

System.Xml 及 其 子 命 名 空间 中 。 
1.4.3 ”公共 语言 运行 库 (CLR) 

公共 语言 运行 库 (Common Language Runtime，CLR， 也 称 公 共 语 言 运行 环境 ) 就 相当 
于 Java 体系 中 的 “虚拟 机 ”， 它 是 .NET 框架 的 核心 。 它 提供 了 程序 运行 时 的 内 存 管 
理 、 垃 圾 自动 回收 、 线 程 管理 和 远程 处 理 以 及 性 能 优化 等 自动 化 服务 。 同 时 ， 它 还 能 监视 
程序 的 运行 ， 进 行 严格 的 安全 检查 和 维护 工作 ， 以 确保 程序 运行 的 安全 、 可 靠 以 及 其 他 形 
式 的 代码 的 准确 性 。 


除 此 之 外 ，CLR 还 提供 了 客户 认证 、 角 色 授 权 以 及 个 性 化 服务 等 服务 项 目 。 
运行 库 不 仅 提供 了 多 种 软件 服务 ， 同 时 也 为 以 往 的 软件 提供 了 支持 。 托 管 和 非 托管 代 
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码 之 间 的 互 操作 性 使 开发 人 员 能 够 继续 使 用 原来 开发 的 COM、ActiveX 控件 和 DLL 等 。 
1.5 XML: 可 扩展 的 标记 语言 


当前 ， 如 何 解决 跨 平 台 交换 数据 的 问题 ， 已 经 成 为 Intemet 进一步 发 展 的 “瓶颈 ”。 
为 了 解决 这 一 问题 ， 各 个 公司 都 曾经 花费 了 大 量 的 人 力 和 物力 。 例 如 微软 公司 开发 的 
DCOM、SUN 公司 开发 的 CORBA 等 ， 但 都 没 能 完全 解决 问题 。 现 在 XML 的 出 现 为 解决 
这 类 问题 提供 了 最 好 的 机 会 。 


1.5.1 什么 是 XML 


XML(eXtensible Markup Language)， 是 一 种 可 以 扩展 的 标记 语言 ， 用 来 描述 层次 化 的 
文档 。XML 是 World Wide Web(W3C)1998 年 发 布 的 标准 ， 到 现在 已 经 发 展 成 熟 。 下 面 先 
举 一 个 简单 的 例子 来 说 明 什么 是 XML。 

-个 简单 的 XML 文档 的 结构 如 下 。 
<root> 
<a> 
<b>..</b> 
eye fe> 
<d>.</d> 
</a> 
<a> 
<b>..</b> 
<c>..</c> 
<d>..</d> 
</a> 
</root> 
-个 XML 文档 必须 遵循 以 下 5 项 原则 。 

@ 整个 文档 必须 有 ， 而 且 只 能 有 一 个 “ 根 元 素 ”。 元 素 严 格 区 分 大 小 写 。 

每 个 元 素 都 是 封闭 的 。 就 是 说 都 必须 有 开始 标记 和 结束 标记 ， 如 果 只 适合 用 单 标 
记 时 也 要 使 用 < 单 标记 人 的 方式 。 

@ 元 素 之 间 可 以 嵌 套 ， 但 不 能 交叉 。 

@ 属性 值 必须 包含 在 引号 之 中 。 

@ 同一 个 元 素 的 属性 不 能 重复 。 

只 有 符合 以 上 5 项 规则 的 文档 才 是 一 个 具有 完整 结构 的 XML 文稿 。 

另外 需 注 意 ， 字 符 “<” 和 “多 ”只 能 用 于 开始 标记 和 引用 实体 。 文 档 中 可 以 引用 的 
特殊 字符 只 有 5 个 : &amp、&lt、&gt、&apos 和 &quot。 它 们 分 别 代 表 “&”、“<”、 
“>”、 “>” ( 双 引号 ) 和 “”( 单 引号 )。 

例如 ， 一 个 “人 事 .xml” 文档 的 内 容 如 下 。 

< 人 事 档案 > 

< 部 门 > 
< 部 门 名 > 办 公 室 


< 人 员 > 
< 姓名 > 刘 大 为 </ 姓 名 > 
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< 职务 > 办 公 室 主任 </ 职 务 > 
< 职责 > 计划 、 分 配 、 检 查 本 部 门 的 工作 </ 职 责 > 
</ 人 员 > 
< 人 员 > 
< 姓名 > 李 芬 </ 姓 名 > 
< 职务 > 办 事 员 </ 职 务 > 
< 职责 > 完成 分 配 的 工作 </ 职 责 > 
</ 人 员 > 
</ 部 门 名 > 
< 部 门 名 > 第 一 车 间 
< 人 员 > 
< 姓名 > 王 自 红 </ 姓 名 > 
< 职务 > 车 间 主 任 </ 职 务 > 
< 职责 > 分 配 、 检 查 本 车 间 的 工作 </ 职 责 > 
</ 人 员 > 
< 人 员 > 
< 姓名 > 囊 自 立 </ 姓 名 > 
< 职务 > 钳工 </ 职 务 > 
< 职责 > 完成 或 超额 完成 生产 任务 </ 职 责 > 
</ 人 员 > 
</ 部 门 名 > 
</ 部 门 > 
</ 人 事 档案 > 


上 面 就 是 一 个 最 简单 的 XML 文档 ， 它 是 一 个 文本 文件 ， 可 以 使 用 任何 文本 编辑 器 (如 
记事 本 等 ) 来 编写 ， 但 是 NET 提供 的 编写 环境 可 以 提示 错误 ， 从 而 给 编写 带 来 一 些 方便 。 

XML 分 析 器 将 这 个 文本 文件 转换 为 “文档 对 象 模型 ”， 形 成 树 形 层次 结构 。 在 文档 
对 象 模型 中 ， 每 个 标记 是 一 个 节点 ， 所 有 节点 必须 有 一 个 “ 根 ”( 如 上 述 程序 中 的 < 人 事 档 
案 >…</ 人 事 档 案 > 就 是 所 有 节点 的 根 )。 根 的 下 面 有 若干 分 支 ， 每 个 分 支 下 面 又 可 以 划分 
出 若干 分 支 ， 如 图 1.7 所 示 。 


1.7 用 XML 文档 描述 的 层次 关系 


在 HIML 中 ， 用 一 套 预 定义 的 标记 来 格式 化 文本 ， 如 <html>、<head> 、<hl>、 
<h2>、<br> 等 。 为 了 和 HTML 区 别 ， 将 其 中 的 标记 称 为 “元 素 ”， 在 XML 中 没有 预定 义 
的 元 素 ， 文 档 中 使 用 的 元 素 都 是 自己 定义 的 。 文 档 中 放 在 “<” 与 “>” 之 间 的 都 是 元 素 ， 
如 入 事 .xml 文档 中 的 < 人 事 档 案 >、< 部 门 >、< 部 门 名 >、< 职 责 >、< 人 员 > 等 都 是 元 素 。 文 
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档 中 各 元 素 之 间 存 在 着 层次 关系 ， 下 一 级 元 素 可 称 为 “ 子 元 素 ”， 上 一 级 元 素 称 为 该 元 素 
的 “ 父 元 素 ”。 

在 XML 文档 中 ， 元 素 必须 有 结束 标记 。 如 “< 部 门 >…</ 部 门 >” 中 “</ 部 门 >” 就 是 
元 素 < 部 门 > 的 结束 标记 (元 素 名 前 加 一 “/”)。 即 使 是 空 元 素 ， 也 要 用 “/” 结 束 。 例 如 有 
的 人 没有 确定 的 职务 时 ， 可 用 “< 职务 >” 代 蔡 “< 职 务 ></ 职 务 >”。 

现在 将 上 述 文档 以 后 缀 名 为 .xml 的 形式 存储 。 运 行 该 文档 后 在 浏览 器 GE 5.0 以 上 ) 中 
将 显示 如 图 1.8 所 示 的 界面 。 


YETEZTERTTTTRTTTTTECTTZTTTECED 
文件 四 久 壮 四 查看 WD 收 戌 和 工具 四 
QFE OO AR 


人 员 > 

< 姓名 > 王 自 肛 </ 姓 名 > 

< 职务 > 车 间 主任 </ 取 务 > 

< 职责 > 分 配 、 检 查 本 车 间 的 工作 </ 因 责 > 
</ 人 员 > 


一 < 人 员 > 
< 姓名 > 圳 自立 </ 姓 名 > 
< 职务 > 出 工 </ 职 务 > 可 


图 1.8 运行 XML 文件 的 结果 
浏览 器 中 显示 的 界面 仍然 保持 原 代 码 的 层次 结构 。 只 是 如 果 某 个 项 目 包括 子 项 时 ， 该 
项 目 名 的 左边 多 出 了 一 个 “-” 号 ， 单 击 这 个 符号 时 ， 该 项 目的 子 项 将 折 和 三 在 一 起 ，“-” 
号 变 成 “+” 号 。 再 单 击 时 ， 各 个 子 项 将 再 次 展开 。 这 说 明 浏览 器 已 经 识别 和 理解 了 XML 
文档 中 的 层次 关系 。 


1.5.2 XML 的 特点 


归纳 起 来 ，XML 具有 以 下 4 方面 的 主要 特点 。 
@ XML 是 一 种 通用 标准 ， 而 不 只 是 属于 某 个 公司 。 不 同 的 操作 系统 或 工作 平台 
只 要 它 支 持 XML 标准 ， 都 很 容易 通过 XML 来 交换 数据 。 对 于 今天 的 Web 服务 

器 米 说 ， XML 几乎 已 经 无 所 不 在 了 。 所 有 的 计算 机 平台 只 要 获得 XML 文档 ， 
都 能 对 文档 进行 分 析 。Windows、UNIX、Linux、MVS 和 VMS， 甚 至 移动 电话 
(手机 ) 都 能 实现 。 所 以 XML 文档 为 不 同 平台 之 间 交 换 数 据 创造 了 极其 有 利 的 条 件 。 
这 就 好 比 来 自 不 同 国家 的 专家 相聚 在 一 起 讨论 问题 ， 彼 此 的 语言 不 同 ， 如 何 交 
流 ? 一 种 方法 就 是 利用 同步 翻译 技术 ， 将 会 上 的 发 言 分 别 翻译 成 不 同 的 语言 ， 
另 一 种 方法 就 是 大 家 都 使 用 一 种 共同 的 语言 。 有 人 称 XML 就 是 网 络 世界 的 “ 世 
界 语 ”， 大 家 都 使 用 XML 时 ， 就 很 好 地 解决 了 不 同 平台 之 间 的 信息 交换 的 
问题 。 

@ XML 中 的 元 素 标记 自行 确定 ， 不 受 限 制 ， 因 此 有 很 好 的 可 扩展 性 。 利 用 它 几 乎 
可 以 定义 任何 一 种 类 型 的 数据 ， 包 括 数学 公式 、 软 件 配置 说 明 、 音 乐 、 处 方 以 及 
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财务 报表 等 。 
@ XML 文档 属于 文本 文件 ， 语 法 简单 ， 程 序 设计 者 和 机 器 本 身 都 能 理解 。 可 以 利 
任何 文本 编辑 器 编写 XML， 它 的 语义 和 格式 独立 于 平台 、 操 作 系统 和 应 用 程 
序 。 在 因特网 中 ，XML 文件 可 以 穿 过 任何 防火 墙 (因为 防火 墙 通常 不 阻挡 文本 文 
件 )， 因 而 有 利于 数据 的 传输 和 交换 。 
@ XML 非常 有 利于 功能 的 分 布 。 由 于 XML 是 对 语义 的 描述 ， 因 此 浏览 器 下 载 了 
服务 器 传 来 的 信息 后 ， 可 以 自行 完成 信息 的 分 类 、 检 索 、 统 计 等 操作 ， 还 为 以 后 
实现 机 器 自动 检索 更 定 了 基础 。 其 结果 不 仅 大 大 减轻 对 服务 器 的 依赖 ， 还 提高 了 
对 信息 处 理 的 效率 。 

当然 利用 XML 文件 也 存在 一 些 问题 。 由 于 文档 标记 自行 定义 ， 因 此 同样 的 内 容 可 能 
出 现 几 种 不 同 的 描述 方式 ， 给 读者 带 来 迷惑 。 为 了 解决 这 类 问题 ，XML 常常 需要 结合 
他 几 种 文件 一 起 使 用 ， 例 如 用 DTD 或 Schema 来 定义 标记 ， 结 合 HTML、CSS( 级 联 样式 
表 ) 或 XSL( 可 扩展 样式 表 ) 来 定义 显示 方式 等 。 各 个 行业 还 应 该 根据 需要 定义 自己 的 行业 规 
范 (例如 EBRL( 可 扩展 的 商业 语言 规范 ) 等 )。 目 前 ，XML 技术 已 经 不 单 指 一 个 文件 ， 而 是 

- 门 综合 性 的 技术 。 

当 在 网 页 中 创建 XML 文件 时 ， 主 菜单 中 将 出 现 XML 项 ， 选 择 其 中 的 【创建 架构 】 
项 时 ， 系 统 将 先 验证 XML 文件 的 语法 ， 如 果 有 错误 ， 将 提示 错误 ， 如 果 没 有 错误 时 ， 将 
自动 产生 相应 的 Schema 文件 。 

.NET 对 于 XML 具有 深层 次 的 支持 。XML 已 经 成 为 NET 的 精髓 ， 是 .NET 现在 和 将 
来 发 展 的 基础 。 可 以 将 XML 合并 到 数据 库 的 记录 中 ，Web 浏览 器 将 接收 XML， 并 结合 
其 他 文件 一 起 确定 显示 方法 。 

Visual Studio .NET 可 以 直接 读 、 写 XML 文档 ， 也 可 以 用 XML 来 描述 数据 的 结构 和 
系统 的 配置 ， 但 是 用 得 最 多 的 是 作为 数据 存储 和 交换 的 格式 ， 而 这 些 工 作对 设计 者 来 说 往 
往 是 感觉 不 到 的 。 
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.NET 框架 的 基础 结构 由 5 个 部 分 组 成 ， 其 中 最 重要 的 是 语言 开发 环境 、 类 库 和 公共 
语言 运行 库 。 

在 ASPNET 的 设计 中 可 以 使 用 多 种 语言 ， 这 些 语 言 的 功能 基本 相同 ， 只 是 语法 有 区 
别 。 类 库 中 提供 了 数 千 个 类 ， 为 程序 设计 提供 了 强大 的 支持 。 公 共 语 言 运行 库 是 NET 
框架 的 核心 。 它 提供 了 内 存 管 理 、 垃 圾 自动 回收 、 线 程 管理 和 远程 处 理 以 及 其 他 很 多 系统 
服务 。 除 此 之 外 ， 它 还 能 监视 程序 的 运行 ， 进 行 严格 的 安全 检查 和 维护 工作 ， 以 确保 程序 
运行 的 安全 、 可 靠 以 及 其 他 形式 的 代码 的 准确 性 。 

将 XML 语言 完全 融合 到 自己 的 系统 中 是 ASP.NET 系统 的 精髓 所 在 ， 虽 然 XML 对 数 
据 的 转换 很 多 时 候 都 是 在 幕后 进行 的 ， 对 设计 者 来 说 是 感觉 不 到 的 ， 但 是 ， 还 是 应 该 知 
道 ， 正 是 这 个 特点 从 根本 上 解决 了 不 同 平台 之 间 数 据 的 传输 和 转换 问题 ， 从 而 为 Web 服 
务 竟 定 了 坚实 的 基础 。 
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1.7 习 题 
1. 填空 题 
(1) 动态 网 页 的 发 展 包括 和 几 个 阶段 。 
(2) .NET 框架 的 基础 结构 由 5 和 
5 部 分 组 成 。 
(3) .NET 框架 中 包括 一 个 庞大 的 类 库 。 为 了 便于 调用 ， 将 其 中 的 类 按照 进 
行 逻辑 分 区 。 
2. 选择 题 
(1) 静态 网 页 文件 的 后 组 是 
A. .asp B. .aspx C. htm D. jsp 
(2) 在 .NET 中 CLS 的 作用 是 
A. 存储 代码 B. 防止 病毒 
C. 源 程序 跨 平 台 D. 对 语言 进行 规范 
(3) 在 ASP.NET 中 源 程序 代码 先 被 生成 中 间 代 码 ， 然 后 再 转变 成 各 个 CPU 需要 的 代 
码 ， 其 目的 是 的 需要 。 
A. 提高 效率 B. 保证 安全 
C. 源 程序 跨 平台 D. 易 识 别 
(4) .NET 与 XML 紧密 结合 的 最 大 好 处 是 5 
A. 代码 易于 理解 B. 跨 平台 传送 数据 
C. 减少 存储 空间 D. 代码 安全 
3. 判断 题 
(1) 和 ASP 一 样 ，ASP.NET 也 是 一 种 基于 面向 对 象 的 系统 。 ( 
(2) 在 ASPNET 中 能 够 运行 的 程序 语言 只 有 5 种 。 〔[ 
(3) 在 内 存 管理 中 垃圾 自动 回收 是 指 系统 对 已 经 不 再 使 用 的 变量 空间 自动 进行 回收 。 
( ) 
(4) XML 中 的 标记 由 设计 者 自行 定义 ， 用 来 描述 元 素 的 内 容 。 ( ) 
(5) XML 是 一 种 过 程 语言 。 4 
4. 简 答 题 


(1) 静态 网 页 与 动态 网 页 在 运行 时 的 最 大 区 别 在 哪里 ? 

(2) 试 述 XML 的 语法 规定 ， 并 举例 说 明 。 

(3) 简 述 NET 框架 中 CLR 的 作用 。 

5. 操作 题 

用 XML 描述 班 内 10 名 同学 3 门 功课 (数学 、 英 语 和 计算 机 ) 的 成 绩 。 
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为 了 创建 ASP.NET 网 站 ， 先 要 了 解 网 站 的 体系 结构 ， 然 后 了 解 网 站 的 组 成 以 及 几 个 
重要 文件 的 作用 。 本 章 将 要 讲述 的 问题 包括 : 

@ ASPNET 网 站 的 逻辑 结构 。 

@ ASPNET 网 站 的 组 成 。 

@ 创建 新 网 站 。 


2.1 ASP.NET 网 站 的 逻辑 结构 


ASPNET 是 一 种 完全 面向 对 象 的 系统 ， 系 统 建立 在 NET 框架 之 上 是 它 的 最 大 特点 和 
优点 。 有 了 .NET 框架 的 支持 就 可 以 快速 开发 出 功能 强大 、 运 行 可 靠 并 且 易 于 扩展 的 应 用 

ASP.NET 网 站 的 迪 辑 结构 可 以 是 两 层 结 构 也 可 以 是 三 层 结构 。 所 谓 两 层 结构 是 显示 
层 直 接连 接 到 数据 层 ， 所 谓 三 Eee ww -个 商业 逻辑 层 。 两 
层 或 三 层 风 辑 结构 如 图 2.1 所 示 。 


示 层 
(ASPX Pages and Controls) 


和 
商业 膛 辑 层 

(Classes) 

数据 层 
(DataBase) 


图 2.1 ASP.NET 的 逻辑 结构 
图 左边 的 “数据 连接 ”代表 两 层 结构 时 的 连接 ， 中 间 的 “数据 连接 ”代表 三 层 结构 时 
的 连接 。 在 三 层 结构 中 ， 第 一 层 是 显示 层 (Presentation Layen ， 第 二 层 是 商业 逻辑 层 
(Business 人 Layer)， 第 三 层 是 数据 层 (Data Layer)。 如 果 系 统 比较 简单 时 ， 采 用 两 层 结 
构 比较 合适 。 当 系统 比较 复杂 或 者 有 特殊 要 求 时 适合 采用 三 层 结构 。 三 层 结构 的 中 间 层 从 


数据 连接 
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物理 上 看 可 能 还 包括 多 个 层次 ,但 从 逻辑 上 看 都 属于 中 间 层 。 本 书 的 前 面 将 重点 介绍 两 层 
结构 的 设计 方法 ， 最 后 再 介绍 应 用 三 层 结构 时 的 不 同 点 。 

图 2.1 的 右上 方 列 出 来 的 是 框架 提供 的 多 种 服务 。 包 括 安全 、 状 态 、 网 站 配置 、 网 站 
管理 、 浏 览 、 个 性 、 动 态 数据 绑 定 以 及 LINQ 等 ， 这 些 都 是 设计 中 经 常 需 要 涉及 的 部 分 ， 
将 其 中 一 些 成 功 的 模式 封装 起 来 ， 提 供给 设计 者 调用 ， 从 而 可 快速 地 开发 出 功能 强大 而 又 
健壮 的 应 用 系统 。 

图 右 下 方 的 Web 服务 ， 是 网 站 开发 的 重要 手段 ， 通 过 它 可 以 借助 于 其 他 网 站 的 支持 
来 增强 本 网 站 的 功能 。 


2.2 ASP.NET 网 站 的 组 成 


-个 网 站 通常 由 多 种 文件 组 成 ， 主 要 包括 以 下 5 个 部 分 。 
e@ 一 个 在 IIS 信息 服务 器 中 的 虚拟 目录 。 这 个 虚拟 目录 被 配置 为 应 用 程序 的 根 


目录 。 
@ 一 个 或 多 个 带 .aspx 扩展 名 的 网 页 文件 ， 还 允许 放 入 若干 .htm、.asp 网 页 或 其 他 类 
型 的 文件 。 


@ 零 个 或 多 个 Web.config 配置 文件 。 
. -个 以 Global.asax 命名 的 全 局 文件 。 
@ ” 几 个 专用 的 共享 目录 。 


2.2.1 虚拟 目录 


虚拟 目录 又 称 为 目录 的 “别名 ”， 它 是 以 服务 器 作为 根 的 目录 (不 同 于 以 磁盘 为 根 的 
物理 目录 )。 默 认 安装 时 ，IIS 服务 器 被 安装 在 “[ 硬 盘 名 ]:\InetpubWwwwroot” 下 ， 该 目录 对 
应 的 URL( 统 一 资源 定位 符 ) 是 http://localhost 或 者 http:// 服 务 器 域名 。 在 因特网 中 向 外 发 布 
信息 或 接收 信息 的 应 用 程序 必须 放 在 虚拟 目录 或 其 子 目 录 下 面 。 系 统 将 自动 在 虚拟 目录 下 
去 寻找 相关 的 文件 。 为 了 将 应 用 程序 放 在 虚拟 目录 下 ， 有 两 种 方法 可 供 选择 。 
@ 直接 将 网 站 的 根 目录 放 在 虚拟 目录 下 面 。 例 如 应 用 程序 的 根 目录 是 vsite， 直 接 
将 它 放 在 虚拟 目录 下 ， 路 径 为 “[ 硬 盘 名 ]:\InetpubWwwwroot\vsite”。 此 时 对 应 的 
URL 是 http://localhost/vsite。 

@ ”将 应 用 程序 目录 放 到 一 个 物理 目录 下 (例如 D:\site)， 同 时 用 一 个 虚拟 目录 指向 该 
物理 目录 。 此 时 客户 只 需要 通过 虚拟 目录 的 URL 来 访问 它 。 客 户 并 不 需要 知道 
对 应 的 物理 目录 在 哪里 。 这 样 做 的 好 处 是 客户 无 法 修改 该 文件 ， 一 旦 应 用 程序 的 
物理 目录 有 了 改变 时 ， 也 只 需 更 改 虚 拟 目录 与 物理 目录 之 间 的 映射 ， 无 须 更 改 虚 
拟 目 录 ， 客 户 仍然 可 以 用 原来 的 虚拟 目录 来 访问 它们 。 


2.2.2 ”网 页 文件 


网 页 (或 称 窗 体 页 ) 是 应 用 程序 运行 的 主体 。 在 ASPNET 中 的 基本 网 页 是 以 .aspx 作为 
后 缀 的 网 页 。 除 此 之 外 ， 应 用 程序 中 还 可 以 包括 以 .htm 或 .asp 为 后 组 的 网 页 (或 其 他 类 型 
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的 文件 )。 

系统 执行 这 些 网 页 的 内 部 过 程 是 有 区 别 的 。 当 服务 器 打开 后 绥 为 -htm 的 网 页 时 ， 服 
务 器 将 不 经 过 任何 处 理 就 直接 送 往 浏览 器 ， 由 浏览 器 下 载 并 解释 执行 。 而 打开 后 组 为 -aspx 
的 网 页 时 ， 则 需 先 创建 服务 器 控件 ， 运 行 服务 器 端的 代码 ， 然 后 再 将 结果 转换 成 HTML 
的 代码 形式 送 往 浏览 器 。 当 然 也 不 是 每 次 都 要 在 服务 器 端 重新 解读 和 运行 ， 对 于 那些 曾经 
请 求 过 而 又 没有 改变 的 ASPX 网 页 ， 服 务 器 会 直接 从 缓冲 区 中 取出 结果 而 不 需要 再 次 
运行 。 

因此 ， 对 于 一 个 即使 不 包含 服务 器 端 代码 的 HIML 网 页 ， 也 允许 使 用 .aspx 作为 文件 
的 后 级 。 此 时 服务 器 会 解读 此 网 页 ， 当 它 发 现 其 中 并 不 包括 服务 器 端 代 码 时 ， 也 会 将 文本 
送 往 浏览 器 ， 其 他 什么 事情 也 不 做 ， 其 结果 只 是 稍微 降低 了 程序 的 运行 效率 。 因 此 尽管 允 
许 纯 HTML 网 页 也 使 用 .aspx 后 组 ， 但 并 不 提倡 这 样 做 。 反 过 来 ， 如 果 网 页 中 包括 有 服务 
器 控件 或 服务 器 端 代码 ， 而 仍然 采用 .htm 后 级 时 ， 将 会 出 现 错误 。 


2.2.3 ”网 站 配置 文件 
1. Web.config 配置 文件 的 作用 


Web.config 是 一 个 基于 XML 的 配置 文件 ， 因 此 人 和 机 器 都 能 够 识别 。 该 文件 的 作用 
是 对 应 用 程序 进行 配置 ， 比 如 规定 客户 的 认证 方法 、 基 于 角色 的 安全 技术 的 策略 、 数 据 绑 
定 的 方法 、 远 程 处 理 对 象 等 。 其 中 有 些 问题 将 在 以 后 的 相关 章节 中 讲述 。 

可 以 在 网 站 的 根 目录 和 子 目 录 下 分 别 建立 自己 的 Web.config 文件 ， 也 可 以 一 个 
Web.config 文件 都 不 建立 。Web.config 并 不 是 网 站 必 备 的 文件 。 这 是 因为 服务 器 有 一 个 总 
的 配置 文件 ， 名 为 Machine.config， 默 认 安 装 在 “[ 硬 盘 名 ]:\Wwindows\Microsoft.NET\ 
Framework\( 版 本 号 CONFIG\” 下 。 这 个 配置 文件 已 经 确定 了 所 有 ASP.NET 应 用 程序 的 
基本 配置 ， 通 常情 况 下 不 要 去 修改 这 个 文件 ， 以 免 影响 其 他 应 用 程序 的 正常 运行 。 

在 Machine.config 与 Web.config 文件 之 间 ， 以 及 各 个 日 录 的 Web.config 文件 之 间 存 
在 着 一 种 层次 关系 。 根 目录 的 Web.config 继承 Machine.config 的 配置 ， 子 目录 继承 父 目 录 
Web.config 的 配置 。 只 有 在 某 个 子 目 录 的 Web.config 中 有 新 的 配置 时 ， 才 自动 覆盖 父 目 录 
的 同名 配置 。 

2. Web.config 文件 的 基本 结构 

-个 Web.config 文件 的 基本 结构 如 下 : 


<?xml Version="1.0"encoding="utf-8"?> 
<configuration> 
<system.web> 
<elementNamel> 
<childElementNamel 
attributeNamel=value 
attributeName2=value 
attributeNameN=value/> 
</elementNamel> 
<elementName2 
attributeNamel=value 
attributeName2=value 
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attributeNameN=value/> 


<elementNameN 
attributeNamel=value 
attributeName2=value 
attributeNameN=value/> 
</System.Web> 
</configuration> 


每 个 Web.config 文件 都 以 标准 的 XML 声明 开始 ， 没 有 这 个 声明 也 不 会 出 错 。 文件 中 
包括 <configuration> 的 开始 标记 和 结束 标记 。 

它 的 内 部 是 <system.web> 的 开始 和 结束 标记 ， 表 示 其 中 的 内 容 是 ASP.NET 特有 的 配 
置信 息 。 这 些 配置 信息 的 标记 就 是 元 素 (Elemenb。 元 素 可 以 由 一 个 或 多 个 子 元 素 组 成 ， 这 
些 子 元 素 带 有 开始 和 结束 标记 ， 元 素 的 内 容 用 “名 字 / 值 ”对 来 描述 。 


2.2.4 网 站 全 局 文件 


Globalasax 文件 (又 称 为 ASPNET 应 用 程序 文件 ) 是 一 个 可 选 的 文件 ， 一 个 应 用 程序 
最 多 只 能 建立 一 个 Globalasax 文件 ， 而 且 必须 放 在 应 用 程序 的 根 目录 下 。 这 是 一 个 全 局 
性 的 文件 ， 用 来 处 理应 用 程序 级 别 的 事件 ， 例 如 Application_Start、Application_End; 
Session_Start、Session_End 等 事件 的 处 理 代 码 。 当 打开 应 用 程序 时 系统 首先 执行 的 就 是 这 
些 事件 处 理 代码 。 


2.2.5 几 个 专用 的 共享 目录 

为 了 管理 方便 ， 在 ASPNET 3.5 网 站 中 增加 了 几 个 专用 的 共享 目录 。 

1. App_Code 目录 

App_Code 是 一 个 共享 的 目录 。 如 果 将 某 种 文件 (例如 类 文件 ) 放 在 本 目录 下 时 ， 该 文 
件 就 会 自动 成 为 应 用 程序 中 各 个 网 页 的 共享 文件 。 当 创建 三 层 架 构 时 ， 中 间 层 的 代码 将 放 
在 这 个 目录 下 以 便 共享 。 

2. App_Data 目录 

如 果 将 数据 库 放 在 App_Data 目录 下 时 ， 这 些 数 据 库 将 自动 成 为 网 站 中 各 网 页 共享 的 
资源 。 

3. App_Themes 目录 

App_Themes 是 一 个 用 于 放置 主题 的 目录 ， 在 主题 目录 中 将 放 入 皮肤 文件 、 样 式 文件 
和 相关 的 图 像 文件 ， 用 来 确定 网 站 中 各 网 页 的 显示 风格 。 

以 上 所 有 这 些 共 享 目录 的 作用 将 结合 后 面 的 应 用 来 讲述 。 


第 2 章 ASPNET 网 站 的 体系 结构 17 


2.3 创建 新 网 站 


网 站 是 管理 应 用 程序 并 向 外 发 布 的 基本 单位 ， 也 是 网 站 迁移 的 基本 单位 。 在 ASPNET 
中 ， 一 个 网 站 就 是 一 个 应 用 程序 。 由 于 应 用 的 目的 不 同 ， 在 ASPNET 中 可 以 建立 三 种 类 
型 的 网 站 : 文件 系统 网 站 、 本 地 IIS 网 站 和 远程 网 站 。 

选择 【文件 】| 【新 建 】|【 网 站 】 命 令 ， 将 打开 【新 建 网 站 】 对 话 框 ， 从 中 可 以 看 见 
这 三 种 网 站 对 应 的 选项 ， 如 图 2.2 所 示 。 


| 
Em Fl CWI Pr mererk 1.5) 
位 省 中); [文件 系统 | [Fi\chene 2009 


语言 加 : 
Er 


2.2 ”网 站 类 型 的 选择 


2.3.1 文件 系统 网 站 


文件 系统 网 站 是 一 种 用 于 检查 和 调试 的 网 站 ， 只 能 用 来 检验 和 调试 应 用 程序 而 不 能 向 
外 发 布 信息 。 文 件 系统 网 站 的 目录 可 以 放置 在 任意 物理 目录 下 面 ， 因 此 非常 适合 于 调试 或 
者 提供 给 学 生 学 习 时 使 用 。 

使 用 文件 系统 网 站 时 ， 并 不 需要 在 计算 机 上 安装 IS 服务 器 。 此 时 系统 将 自动 为 该 网 
站 配置 一 个 开发 服务 器 (Development Server)， 用 来 模拟 IS 服务 器 对 网 站 运行 时 的 支持 。 
开发 服务 器 是 一 种 轻 量 级 型 服务 器 ， 它 并 不 具备 IS 的 全 部 功能 ， 例 如 它 不 具备 邮件 服务 
功能 等 。 但 在 通常 情况 下 ， 利 用 它 进行 调试 已 经 够 用 。 当 使 用 文件 系统 网 站 时 ， 系 统 会 自 
动 调用 开发 服务 器 来 调试 运行 的 网 页 ， 同 时 给 网 站 随机 地 分 配 一 个 接口 。 例 如 ， 调 试 的 网 
页 名 是 MyPage.aspx， 当 运行 开发 服务 器 时 ， 该 网 页 的 URL 是 

http://localhost:31543/ [网 站 名 ] /MyPage .aspx 


其 中 网 站 名 就 是 应 用 程序 的 根 目录 名 。31543 在 这 里 只 是 一 个 示例 ， 它 是 开发 服务 器 
给 应 用 程序 随机 生成 的 一 个 接口 。 


2.3.2 本 地 1IS 网 站 
如 果 机 器 上 安装 有 IIS 服务 器 就 可 以 创建 本 地 JIS 网 站 。 此 时 的 网 站 目录 必须 直接 或 
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间接 地 放 在 虚拟 目录 下 面 。 

创建 本 地 IIS 网 站 的 步骤 如 下 。 

(D 在 打开 的 【新 建 网 站 】 对 话 框 的 【位 置 】 下 拉 列 表 框 中 选择 HITP。 

(2) 单 击 【 浏 览 】 按 钮 可 以 打开 【选择 位 置 】 对 话 框 ， 如 图 2.3 所 示 。 

G) 在 【选择 位 置 】 对 话 框 的 左边 选择 【本 地 IIS】 图 标 ， 在 右上 方 选择 两 个 图 标 之 
一 : 一 个 是 【创建 新 Web 应 用 程序 】 图 标 ， 另 一 个 是 【创建 新 虚拟 目录 】 图 标 。 前 者 用 
于 直接 在 虚拟 目录 下 创建 网 站 ;后 者 用 来 创建 一 个 指向 另 一 物理 目录 的 虚拟 目录 。 

(4) 如 果 选 择 【 创 建新 虚拟 目录 】 图 标 ， 还 需要 在 打开 的 对 话 框 中 设置 虚拟 目录 名 
( 即 别名 ) 和 对 应 的 物理 目录 名 ， 如 图 2.4 所 示 。 


本 地 Internet Information Server 


a 
ee 2 
[1 鹿 寻 新 web 应 用 起 序 
中 创建 新 应 失 目 录 
a 
[es 
本 
时 
8 加 L 
时 
CE ww | 
2.3 【选择 位 置 】 对 话 框 图 2.4 创建 新 虚拟 目录 


本 地 IIS 网 站 虽然 提供 了 服务 器 的 全 套 服务 ， 但 还 不 能 向 外 发 送信 息 。 因 为 网 站 还 不 
具备 其 他 一 些 必要 的 条 件 ， 例 如 还 没有 获得 唯一 的 URL 的 认可 等 。 


2.3.3 ”远程 网 站 


远程 网 站 是 可 以 向 外 发 布 信息 的 网 站 ， 一 个 远程 网 站 必须 获得 唯一 的 URL 地 址 (并 且 
安装 有 扩展 的 FrontPage)。 为 了 将 调试 好 的 网 站 传送 到 远程 网 站 ， 可 以 利用 FTP 文件 服务 
器 ， 将 调试 好 的 网 站 用 字符 流 的 方式 传送 到 远程 网 站 的 指定 目录 中 。 为 此 ， 必 须 获 得 远程 
网 站 的 允许 并 且 取 得 相应 的 协议 才 可 以 进行 此 项 传输 工作 。 


2.4 小 结 


ASPNET 是 一 个 完全 的 面向 对 象 的 系统 。 与 NET 框架 完全 结合 是 它 最 大 的 特点 ， 也 
是 它 最 大 的 优点 。 因 为 .NET 框架 不 仅 提供 了 庞大 的 类 库 ， 还 提供 了 完善 的 服务 ， 依 靠 这 
些 服务 可 以 快速 创建 功能 强大 、 运 行 可 靠 的 网 站 。 

-个 ASPNET 3.5 应 用 程序 并 不 是 一 些 孤立 的 网 页 ， 而 是 为 完成 一 定 任务 的 相互 联系 
的 整体 ， 除 包括 多 个 网 页 以 外 ， 还 需要 在 .NET 框架 的 支持 下 工作 。 网 站 是 这 个 系统 的 管 
理 者 。 离 开 了 网 站 ， 一 个 单独 的 .aspx 网 页 是 不 能 运行 的 (单独 的 .htm 网 页 却 可 以 单独 运 
行 ， 因 为 它 是 由 浏览 器 解释 执行 的 )。 

如 果 需 要 向 外 发 布 信息 ， 还 需要 IIS 服务 器 的 支持 ， 网 站 必须 放置 在 虚拟 目录 之 下 。 
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为 了 使 系统 有 效 地 工作 ， 有 时 需要 增加 一 些 配置 文件 (Web.condig)、 全 局 文件 (Globalascx) 
以 及 几 个 共享 的 目录 等 。 

为 了 学 习 或 调试 程序 ， 系 统 提供 了 一 个 开发 服务 器 ， 这 是 一 种 轻 量 级 服务 器 ， 使 用 这 
个 服务 器 的 最 大 好 处 是 ， 系 统 不 必 安 装 IIS 服务 器 ， 并 且 可 以 将 网 站 放 在 任意 物理 目录 之 
下 ， 因 而 特别 适合 于 学 生 学 习 时 使 用 。 当 打开 文件 系统 网 站 时 ， 系 统 就 会 自动 打开 开发 服 
务 器 ， 并 且 给 应 用 程序 分 配 一 个 随机 产生 的 端口 。 


2.5 习 题 
1. 填空 题 
(1) ASPNET 3.5 系统 的 两 层 逻 辑 结构 适合 于 的 系统 ; 三 层 结 构 适合 于 
的 系统 。 
(2) 默认 安装 中 ，IIS 服务 器 被 安装 在 “[ 硬 盘 名 ]:\ ”下 。 对 应 的 URL 是 
或 和 
(3) 服务 器 有 一 个 总 的 配置 文件 ， 名 为 。 在 这 个 文件 中 已 经 确定 了 所 有 
ASP.NET 应 用 程序 的 基本 配置 。 
(4) 打开 文件 系统 网 站 时 将 自动 打开 一 个 服务 器 ， 这 是 一 个 轻 量 级 服务 器 ， 
可 以 用 来 对 程序 进行 检查 和 调试 工作 。 
2. 选择 题 
(1) App_Code 目录 用 来 放置 中 间 层 的 5 
A. 专用 数据 库 文件 B. 共享 文件 
C. 被 保护 的 文件 D. 代码 文件 
(2) App_Data 目录 用 来 放置 了 
A. 共享 的 数据 库 文件 B. 共享 文件 
C. 被 保护 的 文件 D. 代码 文件 
(3) 文件 系统 网 站 非常 适合 于 学 习 使 用 ， 因 为 
A. 不 用 安装 IIS B. 网 站 允许 放置 在 任意 目录 下 
C. 能 够 进行 单独 调试 D. A+B 
3. 判断 题 


(1) Web.config 是 网 站 中 必需 的 配置 文件 。 

(2) 网 站 中 的 Global.asax 文件 (如 果 有 的 话 ) 必 须 放 在 应 用 程序 的 根 目 录 下 。 
(3) 离开 了 网 站 ，ASPX 网 页 能 够 单独 运行 。 

(4) 离开 了 IIS 服务 器 ，.htm 网 页 能 够 单独 运行 。 


4. 简 答题 


(1) 什么 是 虚拟 目录 ? 将 应 用 程序 的 根 目 录放 在 虚拟 目录 下 的 方式 有 哪 两 种 ? 
(2) 服务 器 打开 .htm 和 .aspx 两 种 网 页 时 内 部 的 执行 过 程 有 何不 同 ? 
(3) 简 述 Web.config 文件 的 特点 及 文件 之 间 的 层次 关系 。 


一 一 一 一 
Ne Ne 
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5. 操作 题 


(1) 用 两 种 建立 虚拟 目录 的 方法 实际 创建 本 地 IIS 网 站 。 
(2) 实际 创建 一 个 文件 系统 网 站 。 


第 二 部 分 
加 


近 几 年 来 对 浏览 器 端的 开发 越 来 越 重 要 ， 这 是 因为 随 着 Web 应 用 范围 的 扩大 ， 参 与 
网 站 的 客户 日 益 增加 ， 特 别 是 进入 商业 应 用 以 后 ， 客 户 对 网 页 外 观 的 要 求 日 益 苛刻 ， 网 页 
的 质量 已 经 成 为 网 站 间 竞 争 的 重要 因素 。 

另 一 方面 ， 浏 览 器 本 身 也 在 发 展 ， 不 仅 硬件 功能 有 所 增强 ， 软 件 技 术 也 有 重大 突破 。 
一 些 新 思想 、 新 标准 和 新 技术 的 出 现 ， 解 决 了 设计 中 的 一 些 难点 ， 减 轻 了 浏览 器 对 服务 器 
的 依赖 程度 ， 使 浏览 器 与 服务 器 之 间 的 分 工 变 得 更 加 合理 。 

这 一 部 分 将 讲述 HTML、CSS、 动 态 HTML 以 及 利用 jQuery 设计 动画 等 四 方面 的 
内 容 。 


第 3 章 HTML 


HTML 是 一 种 标记 语言 ， 它 是 网 页 设计 的 通用 标准 。 要 想 设计 网 页 ， 首 先 要 学 习 
HTML， 了 解 它 的 结构 ， 及 各 标记 的 作用 ， 并 能 根据 设计 的 需要 正确 使 用 这 些 标 记 。 


3.1 ”HTML 概述 


HTML(Hyper Text Markup Language， 超 文本 标记 语言 ) 是 WWW(World Wide Web) 中 
使 用 的 超 文本 标记 语言 ， 最 早 源 于 SGML(Standard Generalized Markup Language， 标 准 通 
用 标记 语言 )， 可 以 说 它 是 SGML 的 一 个 应 用 程序 。 

HTML 是 浏览 器 都 能 识别 的 通用 语言 ， 是 浏览 器 生成 网 页 的 基础 。 利 用 它 可 以 完成 以 
下 三 方面 的 工作 。 

@ ”定义 在 浏览 器 上 的 显示 格式 。 

e@ ”建立 超 链接 。 

@ ”集成 其 他 多 媒体 软件 。 

HTML 具有 如 下 特点 。 

@ HTML 不 是 一 种 过 程 语言 ， 它 只 是 一 种 标记 语言 ， 一 种 文本 语言 。 它 不 同 于 我 们 

平时 所 看 到 的 VB、C++ 这 类 编程 语言 ， 实 际 上 它 只 是 在 一 些 对 象 (如 文本 、 图 
片 、 表 格 等 ) 中 加 入 各 种 各 样 的 标记 符 ， 从 而 使 这 些 对 象 以 这 些 标 记 符 所 定义 的 
形式 显示 出 来 。 

@ 任何 文本 编辑 器 都 可 以 编辑 它 ， 只 要 能 将 文件 另存 为 ASCII 纯 文 本 格式 即 可 。 

-个 HTML 文件 是 一 页 文字 信息 ， 就 像 一 封 电子 邮件 或 一 个 Word 字 处 理 文 
件 ， 而 且 实际 上 完全 可 以 使 用 Word 字 处 理 软件 来 编写 一 个 HTML 网 页 。 也 可 
以 通过 其 他 字 处 理 软件 编写 文本 文件 ， 当 然 使 用 专业 的 网 页 编辑 软件 更 为 方便 
- 些 。 

@ 需要 使 用 Web 浏览 器 。 想 把 网 页 制作 成 某 种 模样 时 ， 需 要 使 用 一 种 编码 通过 浏 
览 器 进行 解释 ， 这 种 编码 就 被 称 为 HTML 代码 。 所 有 网 页 ， 都 是 通过 浏览 器 对 
HTML 解释 而 形成 的 ， 浏 览 器 就 相当 于 HTML 的 翻译 程序 ， 负 责 解释 HTML 文 
件 各 种 符号 的 含义 。 一 个 HTML 文件 中 包含 了 所 有 将 显示 在 网 页 上 的 文字 信 
息 ， 其 中 也 包括 对 浏览 器 的 一 些 指示 ， 如 哪些 文字 应 放置 在 何 处 ， 使 用 哪 种 显示 
模式 等 。 如 果 还 有 一 些 图 片 、 动 画 、 声 音 或 是 任何 其 他 形式 的 资源 ，HTML 文件 
也 会 告诉 浏览 器 到 哪里 去 查找 这 些 资 源 ， 以 及 这 些 资源 将 放置 在 网 页 的 什么 
位 置 。 

@ HTML 独立 于 各 种 平台 。 自 1990 年 以 来 HTML 就 一 直 被 用 做 World Wide Web 
的 信息 表示 语言 ， 用 于 描述 网 页 的 格式 设计 和 它 与 WWW 上 其 他 网 页 的 连接 信 
息 。HTML 目前 已 经 成 为 各 种 类 型 浏览 器 的 通用 标准 ， 它 能 独立 于 各 种 操作 系统 
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平台 (如 UNIX、Windows 等 )。 其 内 容 从 功能 上 大 体 可 分 为 文本 结构 设置 、 列 表 
建立 、 文 本 属性 制定 、 超 链接 、 图 片 和 多 媒体 插入 、 对 象 、 表 格 以 及 窗 体 的 操 
作 等。 


3.2 HTML 标记 的 基础 


HTML 语法 格式 非常 简单 ， 基 本 上 只 要 明白 了 各 种 标记 的 用 法 便 算 学 慌 了 HTML。 


3.2:1 


基本 的 HTML 语法 


基本 的 HTML 语法 如 下 。 


3.2.2 


所 有 的 标记 都 必须 用 尖 括 号 ( 即 小 于 号 “<” 和 大 于 号 “>”) 括 起 来 。 它 以 开始 标 

记 及 结束 标记 将 元 素 围 住 。 

大 部 分 标记 是 成 对 出 现 的 ， 包 括 开始 标记 和 结束 标记 。 开 始 标记 和 相应 的 结束 标 

记 定 义 了 标记 所 影响 的 范围 。 结 束 标 记 与 开始 标记 名 称 相 同 ， 但 结束 标记 必须 用 
-个 斜 线 符号 开头 。 

所 有 被 标记 包围 的 元 素 ， 如 文本 、 图 像 、 表 格 等 都 按照 标记 定义 的 格式 显示 。 例 

如 : 

<h2> 欢 迎 参观 本 网 页 ! </h2> 

中 间 的 字符 串 按 照 <h2> 号 字体 的 大 小 显示 。 

有 少数 标记 允许 只 有 开始 标记 没有 结束 标记 。 例 如 : 断 行 用 的 标记 <br>、 分 段 用 

的 标记 <p>。 

标记 不 区 分 大 小 写 ， 但 默认 情况 下 ，ASP.NET 中 系统 提供 的 HTML 标记 都 用 小 

写字 母 表 示 。 


标记 的 属性 


大 多 数 标 记 都 拥有 一 些 属性 ， 大 部 分 属性 都 有 默认 值 ， 利 用 这 些 属性 可 以 对 标记 的 作 
用 进行 更 多 的 控制 。 设 置 或 改变 属性 时 ， 将 属性 名 及 其 值 放 在 标记 名 的 同一 个 尖 括号 中 。 


例如 : 


<p align = right> 本 段落 将 放置 在 右 端 </p> 


其 中 p 是 段落 标记 ; align 代表 “对 齐 方式 ”， 是 属性 名 ; right 代表 “右边 ”， 是 属 


性 的 值 。 


<hr size=6 width=160 align=center> 


这 个 标记 的 含义 是 将 字符 串 放 在 浏览 器 的 右 端 。 


其 中 hr 是 水 平 线 标记 ，size 是 水 平 线 的 高 度 ，width 是 水 平 线 的 宽度 ，align 为 对 齐 属 
性 。 此 行 代码 表示 增加 一 条 横 线 ， 水 平 线 的 高 度 为 6， 宽 度 为 160， 显 示 于 浏览 器 的 


中 间 。 
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3.2.3 ”注释 语句 


与 其 他 程序 设计 语言 一 样 ， 在 HTML 文本 的 适当 位 置 增加 注释 语句 能 提高 文本 的 可 
读 性 ， 编 译 器 将 不 解读 注释 部 分 ， 即 注释 不 在 浏览 器 窗口 中 显示 出 来 。 
注释 语句 的 格式 是 : 
<! 一 一 注释 语句 一 一 > 
这 里 不 妨 将 它 看 做 一 种 特殊 的 标志 。 


例如 : 

<! 一 一 这 是 一 条 
多 行 的 注释 ， 

到 这 里 结束 一 一 > 


3.3 html 文档 的 结构 
个 基本 的 html 文档 通常 包含 以 下 三 对 项 级 标记 。 


3.3.1 html 标 记 


html 标记 (<html>.…</html>) 是 全 部 文档 内 容 的 容器 ，<html> 是 开始 标记 ，</html> 是 结 
束 标记 ， 它 们 分 别 是 网 页 的 第 一 个 标记 和 最 后 一 个 标记 ， 其 他 所 有 html 代码 都 位 于 这 两 
个 标记 之 间 。html 标记 告诉 浏览 器 或 其 他 程序 : 这 是 一 个 网 页 文档 ， 应 该 按照 html 语言 
规则 对 标记 进行 解释 。<html>.…</html> 标 记 是 可 选 的 ， 最 好 不 要 省 略 这 两 个 标记 ， 以 保持 
Web 文档 结构 的 完整 性 。 


3.3.2 首部 标记 


首部 标记 (<head>.…</head>) 用 于 提供 与 网 页 有 关 的 各 种 信息 。 在 首部 标记 中 ， 可 以 使 
用 <tile> 和 </title> 标 记 来 指定 网 页 的 标题 ， 使 用 <style> 和 </style> 标 记 来 定义 CSS， 使 用 
<script> 和 </script> 标 记 来 插入 脚本 等 。 

除 此 之 外 ， 在 首部 标记 中 还 有 一 个 重要 的 组 成 部 分 ， 那 就 是 元 数据 (Meta)。 元 数据 不 
属于 文档 显示 内 容 而 是 用 来 说 明文 档 信息 的 。 在 html 4.0 及 以 后 版 本 的 浏览 器 中 ， 人 允许 用 
它 来 指定 多 种 能 被 识别 的 说 明 信 息 。 如 文档 的 作者 、 时 间 和 日 期 ， 关 键 字 列 表 ， 使 用 的 语 
言 格式 ， 网 页 刷新 的 间隔 等 。 

这 些 信息 有 些 是 为 了 注释 的 需要 ， 也 有 一 些 用 于 通知 浏览 器 执行 某 些 要 求 (如 刷新 间 
隔 等 )。 例 如 编写 的 元 数据 如 下 : 


<meta name="keyword" content="Chinese medicines" /> 


说 明 本 网 页 的 关键 字 是 Chinese medicines， 它 表明 网 页 的 内 容 与 “中 药 ” 有 关 。 一 些 
大 型 网 站 常常 利用 自己 的 搜索 引擎 到 其 他 网 站 去 收集 信息 ， 主 要 就 是 从 各 网 页 的 文档 头 
(Head) 中 的 关键 字 中 去 过 滤 、 归 纳 相关 的 <meta> 信 息 ， 然 后 在 本 网 站 上 发 布 ， 以 丰富 本 网 
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站 的 信息 量 ， 吸 引 更 多 的 客户 。 其 结果 也 给 被 搜索 的 网 站 做 了 宣传 ， 对 双方 都 带 来 好 处 。 
再 如 编写 的 元 数据 如 下 : 


<meta http-equiv="refresh" content="20" /> 


它 指定 了 网 页 刷新 的 间隔 (20 秒 )。 及 时 刷新 网 页 ， 对 于 内 容 变 化 得 比较 频繁 的 信息 来 
说 (如 股票 的 信息 ) 非 常 重要 。 


3.3.3 ”正文 标记 


正文 标记 (<body>...</body>) 包 含 了 文档 的 内 容 ， 文 字 、 图 像 、 动 画 、 超 链接 以 及 其 他 
html 元 素 均 位 于 该 标记 中 。 
正文 标记 有 下 列 属 性 。 
backgroud: 指定 文档 背景 图 像 的 URL 地 址 ， 图 像 平 铺 在 页 背景 上 。 
bgcolor: 指定 文档 的 背景 颜色 。 
text: 指定 文档 中 文本 的 颜色 。 
link: 指定 文档 中 链接 的 颜色 。 关 于 链接 的 介绍 请 参阅 后 面 章节 。 
vlink: 指定 文档 中 已 被 访问 过 的 链接 的 颜色 。 
alink: 指定 文档 中 正 被 选中 的 链接 的 颜色 。 
onload: 指定 文档 首次 加 载 时 调用 的 事件 处 理 程序 。 
@ ”onunload: 指定 文档 卸载 时 调用 的 事件 处 理 程序 。 
在 上 述 属性 中 ， 各 个 颜色 属性 的 值 有 两 种 表示 方法 : 使 用 颜色 名 称 来 指定 ， 例 如 红 
色 、 绿 色 和 蓝 色 分 别 用 red、green 和 blue 表示 ; 使 用 十 六 进 制 格式 数值 太 rggbb 来 表示 ， 
ITr、gg 和 bb 分 别 表示 颜色 中 的 红 、 绿 、 蓝 三 基色 的 两 位 十 六 进 制 数据 。 


3.3.4 ”html 文档 的 基本 结构 


学 习 了 文档 的 几 个 标记 后 ， 现 在 需要 按照 一 定 的 规则 组 织 它们 才能 使 用 。 这 个 规则 就 
是 html 文档 的 基本 结构 ， 学 会 它 可 从 整体 上 把 握 html 文档 的 使 用 。 

html 文档 的 基本 结构 可 以 表示 如 下 : 

<html> 

<head> 

<title> 标 题 文 字 </title> 

</head> 

<body> 

文本 、 图 像 、 动 画 、html 指令 等 

</body> 

</html> 

html 文本 是 一 种 树 形 (层次 ) 结 构 。<html> 标 记 是 文本 的 根 ， 其 他 的 html 标记 全 部 包括 
在 <html>...</html> 以 内 。<html> 下 面 有 两 大 分 支 : <head>...</head> 和 <body>...</body>。 
其 中 <body>.…</body> 分 支 为 文档 的 主体 ， 主 体 中 的 内 容 将 显示 在 客户 端的 浏览 器 中 。 
<body> 内 又 包括 若干 分 支 ,如 用 h1、h2 等 表示 字体 字号 ，p、div、form 等 表示 块 元 素 。 在 
<head>...</head> 段 中 除 <title>...</title> 包 括 的 内 容 将 作为 窗口 的 标题 显示 在 最 上 方 外 ， 其 
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余部 分 主要 是 关于 文档 的 说 明 以 及 某 些 共用 的 脚本 程序 。<head> 与 <body> 为 独立 的 两 个 部 
分 ， 不 能 互相 嵌 套 。 


3.4 ”html 文档 的 编辑 工具 


3.4.1 html 文档 编辑 器 的 选择 


虽然 任何 一 种 文本 编辑 器 都 可 以 作为 html 编辑 器 ， 如 Windows 的 记事 本 等 ， 但 为 了 
减少 网 页 设计 的 工作 量 ， 开 发 商 设计 了 许多 专用 的 网 页 编辑 器 ， 像 Dreamweaver、 
FrontPage 等 ， 提 供 了 可 视 化 设计 网 页 的 工具 ， 设 计 者 可 用 “所 见 即 所 得 ”的 直观 方法 来 
创建 网 页 ， 系 统 再 自动 将 其 转化 成 html 语句 ， 然 后 传送 到 浏览 器 ， 从 而 简化 了 设计 


过 程 。 


3.4.2 文档 编辑 的 基本 步 又 


文档 编辑 的 基本 步骤 如 下 。 

(D 创建 网 站 ， 然 后 右 击 网 站 名 ， 在 弹出 的 快捷 菜单 中 选择 【添加 新 项 】。 在 弹出 的 
对 话 框 中 选择 【html 页 】， 在 左下 方 给 网 页 更 名 ， 然 后 单 击 【 添 加 】 按 钮 。 

(2) 新 打开 的 网 页 左下 角 将 出 现 【 设 计 】、【 源 】 和 【 拆 分 】 三 个 标记 ， 在 【设计 】 
视图 中 可 以 进行 可 视 化 设计 ; 在 【 源 】 视 图 中 可 以 直接 编写 html 代码 ;在 【 拆 分 】 视 图 
中 显示 上 下 两 部 分 ， 上 方 显示 代码 ， 下 方 显 示 可 视 化 界面 。 当 在 上 方 书写 代码 时 ， 可 以 立 
即 在 下 方 看 到 显示 结果 ; 在 下 方 拖 入 新 控件 时 ， 上 方 也 可 以 立即 显示 出 相应 的 代码 。 三 个 
视图 是 等 效 的 ， 可 以 随时 切换 ， 相 互补 充 。 

(G3) 有 时， 在 一 些 网 页 中 需要 多 次 使 用 某 种 标记 ， 而 在 工具 箱 中 找 不 到 相应 的 图 标 
时 ， 可 以 先 在 【 源 】 视 图 窗口 中 ， 写 出 该 标记 的 代码 ， 然 后 再 将 这 些 代码 直接 拖 到 工具 箱 
中 ， 以 后 就 可 以 直接 利用 工具 箱 进行 可 视 化 操作 了 。 


3.5 _html 文本 编辑 


现在 着 重 介绍 html 文本 对 象 的 编辑 方法 ， 人 掌握 了 这 部 分 内 容 后 再 学 习 其 他 编辑 方法 
也 就 不 困难 了 。 在 这 里 虽然 有 时 也 要 用 到 可 视 化 方法 ， 但 是 建议 用 输入 html 代码 的 方法 
试 做 一 下 以 达到 练习 和 巩固 html 的 目的 。 


3.5.1 文本 格式 化 


1. 字符 的 格式 化 

1) “设置 字体 、 字 号 和 颜色 

在 html 中 ， 可 以 使 用 字体 标记 <font>.…</font> 来 设置 文本 的 字符 格式 ， 为 此 可 以 将 文 
本 置 于 <font> 和 </font> 标 记 之 间 ， 并 通过 face、size 和 color 属性 来 设置 文本 的 字体 、 字 号 
和 颜色 。face 属性 指定 一 种 字体 ， 或 者 给 出 一 个 字体 列表 ， 各 种 字体 名 称 用 逗号 来 分 隔 ， 
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可 以 按照 作者 的 喜好 程度 来 排列 。 例 如 : 
<font face = "楷体 gb2312， 仿宋 gb2312， 宋 体 "> 龙卷风 </font> 


size 属性 指定 字体 的 大 小 ( 即 字号 )， 其 取 值 可 以 从 1 一 7， 默 认 值 为 3。size 属性 值 越 
大 ， 显 示 的 字号 就 越 大 。 相 对 于 基本 字体 (Basefonb 的 大 小 ， 也 可 使 用 + 或 -号 来 指定 相对 
字号 。 例 如 : 

<font size = "6"> 龙 卷 风 </font> 

<font size = "+2"> 静 态 网 页 设计 </font> 

color 属性 指定 文本 的 颜色 ， 可 以 用 颜色 名 称 表示 ， 也 可 以 用 十 六 进 制 rgb 格式 表示 。 
例如 : 

<font color = "red"> 龙 卷 风 </font> 

<font color = "#00ff00"> 静 态 网 页 设计 </font> 

2) ”设置 字符 样式 和 特殊 字符 

(1) 设置 字符 样式 

通过 设置 字符 样式 可 以 为 某 些 字符 设置 特殊 格式 ， 例 如 粗 体 、 和 斜体 、 下 划 线 、 删 除 
线 、 上 标 、 下 标 等 。 常 用 的 设置 字符 样式 的 标记 如 下 : 

<b>.…</b> 粗 体 

<big>..</big> 大 字体 

<i>…</i> 斜 体 

<s>..</s> 删 除 线 

<small>..</small> 小 字体 

<strike>..</strike> 删 除 线 

<sup>..</sup> 上 标 

<sub>..</sub> 下 标 

<tt>..</tt> 固 定 宽度 字体 

<u>.…</u> 下 划 线 

(2) 插入 特殊 字符 

设计 网 页 时 ， 经 常 要 插入 一 些 空格 。 这 本 来 是 一 个 十 分 简单 的 问题 ， 但 在 html 网 页 
中 却 变 得 比较 麻烦 。 在 输入 文本 时 按 多 次 空格 键 ， 但 在 浏览 器 中 打开 网 页 时 却 只 能 看 到 一 
个 空格 。 另 外 ， 在 网 页 中 有 时 可 能 要 插入 一 些 特殊 符号 ， 如 版 权 符号 @ 和 注册 符号 @ 等 。 
当 遇 到 这 种 情况 时 ， 可 以 使 用 两 种 方式 来 输入 特殊 符号 :使 用 字符 实体 名 称 或 数字 表示 方 
式 。 前 者 为 & 之 后 跟 助 记 符 ， 后 者 为 & 之 后 加 # 再 跟 十 进 制 代码 。 前 者 的 方法 更 为 可 取 ， 因 
为 它 与 平台 几乎 无 关 。 例 如 ， 若 要 在 网 页 中 输入 一 个 无 间断 空格 ， 可 以 输入 “&nbsp; ” 
或 “&#160; ”。 表 3.1 列 出 了 一 小 部 分 特殊 符号 的 实体 名 称 和 数字 表示 ， 其 他 可 参考 帮 
助 文档 。 


表 3.1 部 分 特殊 符号 的 实体 名 称 和 数字 表示 


特殊 字符 C 字符 实体 名 称 
空格 &nbsp: &#160: 


© &copy: &#169: 
&#174; 


字符 数字 表示 
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2. 段落 的 格式 化 

段落 是 文档 的 基本 信息 单位 ， 一 个 字符 也 可 能 是 一 个 段 。 将 文档 划分 为 段落 ， 可 以 通 
过 使 用 分 段 标记 、 换 行 标记 、 标 题 标记 或 插入 水 平 线 的 手段 来 实现 。 

1) “设置 分 段 标 记 p 

分 段 标记 定义 了 一 个 段落 ， 使 用 该 标记 时 要 跳 过 一 个 空 行 ， 使 后 续 内 容 隔 一 行 显示 。 
若 同时 使 用 <p> 和 </p>， 则 将 段落 包围 起 来 ， 表 示 一 个 分 段 的 块 。 若 省 略 结束 标记 </p>， 
可 以 将 开始 标记 <p> 放 在 段 尾 。 分 段 标记 的 常用 属性 是 align， 用 于 设置 段落 的 水 平 对 齐 
方式 。 

2) ”设置 换行 标记 br 

<br> 标 记 强 行规 定 了 当前 行 的 中 断 ， 使 后 续 内 容 在 下 一 行 显示 。 

3) ”设置 标题 标记 hn 

标题 标记 用 于 设置 文档 中 的 标题 和 副标题 ， 其 中 n 的 取 值 是 1~6。 如 <h1>.….</h1> 标 
记 表 示 字 号 最 大 的 标题 ，<h6>...</h6> 标 记 表 示 字 号 最 小 的 标题 。 

区 ”设置 水 平 线 标记 

hr 标记 在 文档 中 添加 一 条 水 平 线 ， 用 来 分 开 文档 的 两 个 部 分 。 该 标记 有 以 下 属性 。 

@ align: 指定 线 的 对 齐 方 式 ， 取 值 为 left( 左 对 齐 )、center( 居 中 对 齐 ) 或 right( 右 对 
齐 )， 默 认 值 为 center。 
color: 指定 线 的 颜色 。 
noshade: 若 指定 该 项 ， 则 显示 一 条 无 阴影 的 实 线 。 
size: 指定 线 的 宽度 ， 以 像素 为 单位 。 
width: 指定 线 的 长 度 ， 单 位 可 以 是 像素 或 百分比 ( 占 页 面 宽度 的 百分比 )。 

5) 设置 段落 的 对 齐 方式 

在 网 页 中 有 4 种 段落 对 齐 方式 : 左 对 齐 、 右 对 齐 、 居 中 对 齐 和 两 端 对 齐 。 在 html 
中 ， 可 以 使 用 align 属性 来 设置 段落 的 对 齐 方式 。align 属性 可 以 应 用 于 多 种 标记 ， 例 如 分 
段 标记 <p>.…</p>、 标 题 标 记 <hn>.…</hn> 以 及 水 平 线 标 记 <hr> 等 。align 属性 的 取 值 可 以 是 
left( 左 对 齐 )、center( 居 中 对 齐 )、right( 右 对 齐 ) 以 及 justify( 两 端 对 齐 )。 两 端 对 齐 是 指 将 一 行 
中 的 文本 在 排 满 的 情况 下 向 左右 两 页 边 对 齐 ， 以 避免 在 左右 页 边 出 现 锯齿 状 。 对 于 不 同 的 
标记 ，align 属性 的 默认 值 是 有 所 不 同 的 。 对 于 分 段 标 记 和 各 个 标题 标记 ，align 属性 的 默 
认 值 为 left， 对 于 水 平 线 标 记 <hr>，align 属性 的 默认 值 为 center。 若 要 将 文档 中 的 多 个 段 
落 设置 成 相同 的 对 齐 方式 ， 可 将 这 些 段 落 置 于 <div> 和 </div> 标 记 之 问 组 成 一 个 节 ， 并 使 用 
align 属性 来 设置 该 节 的 对 齐 方式 。 如 果 要 将 部 分 文档 内 容 设置 为 居中 对 齐 ， 也 可 以 将 这 
部 分 内 容 置 于 <center> 和 </center> 标 记 之 间 。 

6) 示例 

本 示例 用 来 显示 伟大 诗人 李白 “静夜 思 ” 的 诗句 。html 的 代码 如 下 : 


<html> 
<head> 
<title>html 文本 的 基本 格式 化 练习 </title> 
</head> 
<body bgcolor="green" text="white" > 
<p align="center"><font face=" 黑 体 " color="red" size="12"><b><i> 静 gnbsp; 
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夜 snbsp; 思 </i></b></font></p> 
<hr color="white" size="10"> 
<p align="center"><font face=" 宋 体 " color="#ffff00" size="15"> 


床 前 明月 光 , <br> 
疑 是 地 上 霜 ,<br> 
举 头 望 明 月 ,<br> 
低头 思 故 乡 .<br></font> 

</p> 

</body> 

</html> 

3.5.2 ”列表 
1. 创建 有 序列 表 


有 序列 表 是 在 各 列表 项 前 面 显示 数字 或 字母 的 缩 排列 表 ， 可 以 使 用 有 序列 表 标 记 ol 
和 列表 项 标记 二 来 创建 。 语 法 格式 如 下 : 

<ol> 

<1i> 列 表 项 1<1i> 列 表 项 2..<1i> 列 表 项 n 

</o1> 

ol 标记 有 两 个 常用 属性 : start 和 type。start 属性 用 于 数字 序列 的 起 始 值 ， 可 以 取 整 数 
值 。type 属性 用 于 设置 数字 序列 样式 ， 其 取 值 可 以 是 如 下 几 种 。 

1: 表示 阿拉 伯 数 字 1、2、3 等 ， 此 为 默认 值 。 
A: 表示 大 写字 母 A、B、C 等 。 

a: 表示 小 写字 母 a、b、c 等 。 

I: 表示 大 写 罗马 数字 1 、T、 王 、V 等 。 

@ i: 表示 小 写 罗马 数字 i、i、 违 、iv 等 。 

当 位 于 <ol> 和 </ol> 标 记 之 间 时 ，1 标记 有 两 个 常用 属性 : type 和 value。type 属性 指 
定数 字样 式 ， 其 取 值 与 ol 的 type 属性 相同 ;value 属性 指定 一 个 新 的 数字 序列 起 始 值 ， 以 
获得 非 连续 性 的 数字 序列 。 

2. 创建 无 序列 表 

无 序列 表 是 一 种 在 各 列表 项 前 面 显 示 特 殊 项 目 符号 的 缩 排 列表 ， 可 以 使 用 无 序列 表 标 
记忆 和 列表 项 标记 二 来 创建 。 语 法 格式 如 下 : 

<ul> 


<1i> 列 表 项 1 
<1i> 列 表 项 2 


<1i> 列 表 项 n 

</ul> 

ul 标记 的 type 属性 用 于 指定 列表 项 前 面 显示 的 项 目 符号 ， 其 取 值 可 以 是 如 下 几 种 。 
@ disc: 使 用 实心 圆 作为 项 目 符号 (默认 值 )。 

@ circle: 使 用 室 心 圆 作为 项 目 符号 。 

@ “square: 使 用 方块 作为 项 目 符号 。 
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注意 ,在 正 浏览 器 中 ，type 属性 的 值 是 区 分 大 小 写 的 。 
3. 示例 
无 序 和 有 序列 表 练 习 : 星期 一 课程 安排 表 。 


<html xmlns="http://www.w2 org/1999/xhtml"> 
<head> 
<title> 无 序 和 有 序列 表 的 练习 </title> 
</head> 
<body> 
<p align="left"> 
星期 一 上 课 安 排 表 :</p> 
<ul type="square"> 
<1i> 第 一 节 : 计 算 机 导论 </1i> 
<1i> 第 二 节 :Web 应 用 程序 </1i> 
<1i> 第 三 节 : 数 据 库 理论 </1i> 
<1i> 第 四 节 :C# 及 Windows 设计 </1i> 
</ul> 
<ol type="1" start="7"> 
<1i> 第 五 节 : 英 语 </1i> 
<1i> 第 六 节 : 数 学 </1i> 
<1i> 第 七 节 : 政 治 </1i> 
</o1> 
</body> 
</html> 
同样 ， 网 页 中 的 图 像 对 提高 生动 性 、 增 强 网 页 吸引 力 方 面 能 够 发 挥 很 大 的 作用 ， 在 网 
页 的 界面 设计 中 占有 重要 的 位 置 。 围 绕 这 两 个 问题 本 章 将 讲述 以 下 几 个 问题 : 网 页 布局 、 
插入 图 像 和 编辑 图 像 。 


3.5.3 ”表格 和 图 层 
1. 表格 


表格 可 以 用 来 组 织 数据 用 于 布局 ， 但 更 多 的 时 候 是 ， 如 通讯 录 、 课 程 表 、 列 车 时 刻 表 
等 大 都 采用 表格 的 形式 。 将 数据 或 图 形 放 在 表格 中 显得 更 有 规律 ， 更 有 利于 对 照 和 比较 。 

- 张 表 格 由 行 (Row)、 列 (Column)、 单 元 格 (CelD) 三 部 分 组 成 。 创 建 表格 实际 上 就 是 创 
建 表格 的 行 、 列 和 单元 格 。 

用 html 创建 表格 的 方法 如 下 。 

@ ”创建 表格 的 语句 : <table>..</table> 

@ ”创建 表格 的 标题 ，<caption>..</caption> 

@ ”创建 行 的 语句 : <tr>..</tr> 

@ ”创建 栏 名 的 语句 :<th>..</th> 

@ ”创建 单元 格 的 语句 : <td>-</td> 

可 通过 table 标记 的 下 列 属性 对 表格 的 格式 进行 设置 。 

@ align: 指定 表格 的 对 齐 方式 ， 取 值 可 以 是 left( 默 认 值 )、center 或 right。 

@ background: 指定 用 做 表格 背景 图 片 的 URL 地 址 。 

@ ”bgcolor: 指定 表格 的 背景 颜色 。 
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@ ”border: 指定 表格 边框 的 宽度 ， 以 像素 为 单位 。 如 果 省 略 该 属性 ， 默 认 值 为 0。 
@ ”bordercolor: 指定 表格 边框 颜色 ， 应 与 border 属性 一 起 使 用 。 

@ ”bordercolordark: 指定 3D 边框 的 阴影 颜色 ， 应 与 border 属性 一 起 使 用 。 

@ 。 bordercolorlight: 指定 3D 边框 的 高 亮 显示 颜色 ， 与 border 属性 一 起 使 用 。 
ecellpadding: 指定 单元 格 内 数据 与 单元 格 边框 之 间 的 间距 ， 以 像素 为 单位 。 
@ cellspacing: 指定 单元 格 之 间 的 间距 ， 以 像素 为 单位 。 

@ ”width: 指定 表格 的 宽度 ， 以 像素 或 百分比 为 单位 。 

例如 : 


<table border="3" cellpadding="6" cellspacing="3"> 
<caption align="top"> 


<font size="5">1 次 特快 列车 时 刻 表 </font> 


</caption> 

<tr><th> 站 名 </th> ”<th> 到 站 时 刻 </th> <th> 开 车 时 刻 </th> </tr> 
<tr><td> 北 京 西 </td> <td> - </td> <td>16: 0 </td> </tr> 
<tr><td> 石 家 庄 </td> <td> 18: 56</td> <td>9: 08 </td> </tr> 
<tr><td> 郑 州 </td> <td> 0: 01</td> <td>0: 14 </td> </tr> 
<tr><td> 武 昌 </td> <td> 6: 42</td> <td>6: 54 </td> </tr> 
<tr><td> 岳 阳 </td> <td> 9: 29 </td> <td>9: 35 </td> </tr> 
<tr><td> 长 沙 </td> <td> 11: 20 </td> <td> --- </td> </tr> 

</table> 


上 述 html 语句 对 应 的 表格 如 图 3.1 所 示 。 


一 次 特快 列车 时 刻 表 
| 疝 和 | 到 本 刻 | 开本 时 记 
EE 
BE | | 


[Ra |6.s42 |6.54 
岳阳 |929 [9.35 
长 沙 11.20 一 


3.1 列车 时 刻 表 


可 通过 tf 标记 的 下 列 属 性 对 指定 行 的 格式 进行 设置 。 


align: 指定 行 中 单元 格 的 水 平 对 齐 方式 ， 取 值 为 left( 默 认 值 )、center 或 right。 
background: 给 出 图 像 文件 的 URL， 该 图 像 用 做 指定 行 的 背景 。 

bgcolor: 指定 行 的 背景 颜色 。 

bordercolor: 指定 行 的 边框 颜色 ， 该 属性 只 有 当 table 标记 的 border 属性 取 非 零 
值 时 才 起 作用 。 

bordercolordark: 指定 行 的 3D 边框 的 阴影 颜色 ， 该 属性 只 有 当 table 标记 的 
border 属性 取 非 零 值 时 才 起 作用 。 

bordercolorlight: 指定 行 的 3D 边框 的 高 亮 颜 色 ， 该 属性 只 有 当 table 标记 的 
border 属性 取 非 零 值 时 才 起 作用 。 
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@ ”valign: 指定 行 中 单元 格 内容 的 垂直 对 齐 方式 ， 该 属性 的 取 值 可 以 是 top( 顶 端 对 
齐 )、middle( 居 中 对 齐 )、bottom( 底 端 对 齐 ) 或 baseline( 基 线 对 齐 )。 

可 通过 td 和 也 标记 的 下 列 属性 对 指定 单元 格 的 格式 进行 设置 。 

align: 指定 单元 格 内 文本 的 水 平 对 齐 方 式 ， 取 值 为 left( 默 认 值 )、center 或 right。 

background: 指定 图 像 的 URL， 该 图 像 用 做 单元 格 的 背景 。 

bgcolor: 指定 单元 格 的 背景 颜色 。 

bordercolor: 指定 单元 格 的 边框 颜色 。 

bordercolordark: 用 于 指定 单元 格 的 3D 边框 的 阴影 颜色 。 

bordercolorlight: 用 于 指定 单元 格 的 3D 边框 的 高 亮 颜色 。 

colspan: 指定 合并 单元 格 时 一 个 单元 格 跨越 的 表格 列 数 。 

nowrap: 若 指 定 该 属性 ， 则 避免 Web 浏览 器 将 单元 格 里 的 文本 换行 。 

rowspan: 指定 合并 单元 格 时 一 个 单元 格 跨越 的 表格 行 数 。 

valign: 指定 单元 格 中 文本 的 垂直 对 齐 方式 ， 取 值 可 以 是 top、middle( 默 认 值 )、 

bottom 或 baseline。 

用 可 视 化 方法 可 以 简化 对 表格 的 创建 操作 。 利 用 table 控件 法 的 具体 步骤 如 下 。 

打开 【设计 】 视 图 窗口 ， 使 用 模板 创建 表格 的 步骤 如 下 。 

(1) 选择 网 页 【 表 】| 【插入 表 】 命 令 ， 将 弹出 【插入 表格 】 对 话 框 ， 如 图 3.2 所 示 。 


插入 表格 Di 


主动 双 ) Ed v| pm 人 来 中 
单元 格 衬 距 人 ): 忆 车 回 指定 高 亨 0) : 

元 ~ 回音 来 名 
单元 格 RE G): 天 ”全 [ao 的 
这 杠 
和 组 
:000 - 国 
口 折 给 表格 边 异 Q) 
开县 


S06 (0) ORE 习 国 
口 更 用 背 且 图 片 四 
T 


ELT 


识 置 
口 长 凡 新 表格 的 陵 认 全 四 ) 


3 2] 


图 3.2 【插入 表格 】 对 话 框 
(2) 在 【插入 表格 】 对 话 框 中 分 别 填 入 需要 的 选项 即 可 。 按 照 图 中 的 选项 将 创建 一 个 
两 行 两 列 ， 宽 200px， 高 100px 居中 的 表格 ， 其 边框 为 黑色 ，1px 粗 ， 表 格 的 底 色 为 
绿色 。 
2. 图 层 
图 层 是 一 个 容器 ， 在 图 层 内 可 以 放置 各 种 类 型 的 网 页 元 素 ， 如 文本 、 图 像 、 表 格 ， 甚 
至 还 可 以 放置 图 层 (图 层 左 套 )。 每 个 图 层 相 当 于 一 个 独立 的 小 屏幕 。 
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图 层 是 一 个 可 以 任意 移动 的 容器 ， 甚 至 允许 图 层 之 间 重 姜 放 置 ， 这 是 它 与 框架 的 不 同 
之 处 ， 也 是 图 层 的 最 大 优点 。 因 为 放置 在 图 层 上 的 元 素 ， 可 以 随 图 层 被 拖 放 到 任意 位 置 ， 
为 元 素 的 定位 和 网 页 布局 带 来 极 大 的 方便 ， 同 时 也 为 控制 动态 元 素 黄 定 了 基础 。 

早期 版 本 的 Internet Explorer 和 Netscape Navigator 浏览 器 都 不 支持 图 层 ， 只 有 其 2.0 
及 以 后 的 版 本 才 支持 图 层 。 即 使 是 现在 ， 这 两 种 浏览 器 对 图 层 的 定义 方法 似乎 还 没有 完全 
统一 。 

在 ASPNET 的 设计 界面 中 可 以 使 用 div 标记 来 定义 图 层 。 

1) 用 html 创建 图 层 

例如 ， 利 用 下 列 代码 创建 一 个 宽 100px、 高 100px 的 图 层 。 

<div style="width: 100px; position: relative; height: 100px"> 我 是 层 ! 

</div> 

2) 用 可 视 化 方法 创建 图 层 

用 可 视 化 方法 简化 了 对 图 层 的 创建 操作 。 通 过 鼠标 的 单 击 操作 ， 能 够 创建 出 图 层 。 具 
体 步 又 如 下 。 

(1) 打开 【设计 】 视 图 窗口 ， 再 将 光标 放置 在 图 层 将 要 出 现 的 位 置 上 ， 选 择 【 工 具 
箱 】 窗 口 的 html 选项 卡 ， 然 后 双击 div 控件 或 拖 电 div 控件 到 设计 页 面 中 适当 位 置 。 

(2) 选中 插入 的 div， 利 用 出 现 的 8 个 控制 点 ， 拖 忠 到 合适 的 位 置 ， 并 缩放 为 适当 
大 小 。 

(3) 选中 div， 在 右边 属性 窗口 中 的 某 些 属性 上 进行 选择 或 输入 内 容 ， 浏 览 时 图 层 会 
发 生 相应 变化 。 


3.6 插入 图 像 


3.6.1 图 像 的 类 型 


并 不 是 所 有 类 型 的 图 像 都 适合 于 网 页 的 应 用 ， 有 的 图 像 虽然 很 美丽 ， 但 由 于 容量 大 ， 
网 上 传输 和 下 载 的 时 间 长 ， 这 样 的 图 像 就 不 适合 网 页 的 需要 。 
另外 ， 网 页 中 增添 图 像 的 主要 目的 是 增加 网 页 的 生动 性 ， 使 网 页 更 具 吸 引力 ， 对 图 像 
本 身 的 精细 程度 要 求 并 不 高 。 
考虑 到 以 上 特点 ，PNG、GIF、JPEG 等 类 型 的 图 像 最 适合 于 在 网 页 上 使 用 。 这 些 图 像 
的 共同 特点 是 : 具有 一 定 的 清晰 度 且 压缩 比 大 、 容 量 小 ， 网 上 传输 和 下 载 的 时 间 短 。 
这 些 图 像 的 简要 特性 如 下 。 
@ PNG(Portable Network Graphic) 是 网 络 图 像 中 的 通用 格式 ， 也 是 Fireworks 软件 的 
基本 格式 。 它 用 一 种 无 损 压缩 的 方法 ， 最 多 可 支持 32 位 颜色 ， 但 它 不 支持 动 
画 ， 如 果 没 有 相应 的 插件 ， 有 的 浏览 器 可 能 不 支持 这 种 格式 。 
@ GIF(Graphics Interchange Format) 是 网 络 中 最 常用 的 图 像 格 式 。 它 是 一 种 压缩 的 8 
位 图 像 文 件 ， 最 多 可 支持 256 种 颜色 ， 文 件 很 小 ， 适 合 于 存储 线条 、 图 标 以 及 卡 
通 和 其 他 大 色 块 图 像 。GIF 图 像 还 有 一 个 突出 的 特点 ， 就 是 它 支 持 动 态 图 、 透 明 
图 和 交织 图 。 
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@ JPEG(Joint Photographic Experts Group， 或 简称 为 PG) 是 网 络 中 使 用 频率 仅 次 于 
GIF 的 图 像 格式 。 它 是 一 种 压缩 得 非常 紧凑 的 格式 ， 专 用 于 存储 不 含 大 色 块 的 图 
像 。JPEG 图 像 有 一 定 的 失真 度 ， 但 通常 用 肉眼 不 容易 分 辨 出 来 。JPEG 文件 最 
小 ， 可 以 达到 只 有 GIF 文件 的 1/4。JPEG 对 图 标 之 类 或 含 大 色 块 的 图 像 不 太 合 
适 ， 不 支持 透明 图 和 动态 图 。 


3.6.2 ”插入 图 像 的 方法 


为 了 在 网 页 上 插入 图 像 ， 先 要 将 需要 的 图 像 增 加 到 网 站 目录 (或 其 子 目录 ) 中 。 然 后 在 
布局 的 基础 上 ， 利 用 以 下 两 种 方法 插入 图 像 。 
@ 将 html 选项 卡 中 的 image 控件 拖 放 至 指定 的 位 置 ， 然 后 在 它 的 src 属性 中 设置 图 
像 的 URL。 
@ ”在 【 源 】 视 图 中 写 以 下 代码 。 例 如 : 
<img src = "images/photo01.jpg”alt = "西双版纳 风光 " bordor = "1"> 
用 这 种 方法 可 以 插入 JPG、GIF、PNG 等 图 像 。 如 果 要 在 网 页 中 显示 Flash 动态 图 像 
时 ， 除 了 需要 将 *.swf 图 增加 到 网 站 中 ， 还 需要 使 用 以 下 语句 ， 才 能 将 该 图 像 显 示 出 来 。 
<div><embed src= "frame.swf"></embed></div> 


其 中 frame.swf 是 Flash 可 执行 文件 的 名 字 。 该 文件 要 插入 “ 层 ”(<div>...</div>) 中 。 


3.6.3 ”通过 属性 编辑 图 像 


在 html 中 ， 可 使 用 img 标记 在 网 页 中 插入 一 个 行内 图 像 。img 标记 有 许多 属性 ， 其 
中 最 常用 的 是 src、alt、height、width、borderhspace、border vspace 和 align 属性 。 而 且 ， 
img 标记 不 仅 用 于 在 网 页 中 插入 图 像 ， 也 可 以 用 于 播放 Video for Windows 的 多 媒体 文件 
(avi)， 以 后 将 分 别 介绍 。 


1. 设置 图 像 的 位 置 和 替换 文本 


src 属性 给 出 图 像 文 件 的 URL 地 址 ， 图 像 可 以 是 PG 文件 、GIF 文件 或 PNG 文件 。 
alt 属性 给 出 图 像 的 简单 文本 说 明 ， 这 段 文本 在 浏览 器 不 能 显示 图 像 时 显示 出 来 ， 或 图 像 
加 载 时 间 过 长 时 先 显示 出 来 。 


2. 指定 图 像 的 高 和 宽 
通过 height 和 width 属性 来 设置 图 像 的 高 度 和 宽度 ， 所 用 单位 可 以 是 像素 或 百分数 。 
如 果 只 给 出 了 高 度 或 宽度 ， 则 图 像 将 按 比 例 进行 缩放 。 


3. 设置 图 像 的 边框 

使 用 img 标记 的 border 属性 可 以 给 图 像 添加 边框 效果 ， 该 属性 的 取 值 为 正 整数 ， 单 
4. 设置 图 像 与 文本 之 间 的 空白 

使 用 img 标记 的 hspace 和 vspace 属性 可 以 设置 图 像 与 文本 之 间 的 空白 ， 前 者 指定 图 
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像 的 左 、 右 边 距 ， 后 者 指定 图 像 的 上 、 下 边 距 ， 两 者 的 单位 均 为 像素 。 
5. 设置 图 像 在 页 面 上 的 对 齐 方式 


如 果 插 入 的 图 像 在 页 面 上 单独 占 一 行 ， 则 可 以 将 img 标记 置 于 <p> 和 </p> 标 记 之 间 ， 
并 通过 p 标记 的 align 属性 来 设置 图 像 在 页 面 上 的 对 齐 方式 。 

6. 设置 图 像 与 文本 的 对 齐 方式 

当 在 页 面 中 进行 图 文 混 排 时 ， 可 以 使 用 img 标记 的 align 属性 来 设置 图 像 与 文本 在 垂 
直方 向 的 对 齐 方式 ， 此 时 align 属性 的 取 值 如 下 。 

@ top: 图 像 与 文本 项 部 对 齐 。 

@ ”middle: 图 像 与 文本 中 央 对 齐 。 

@ ”bottom: 图 像 与 文本 底部 对 齐 。 

通过 设置 img 标记 的 align 属性 ， 也 可 以 在 图 像 的 左 、 右 绕 排 文 本 ， 此 时 align 属性 的 
取 值 如 下 。 

@ “left: 图 像 居 左 ， 文 本 居 右 。 

@ right: 图 像 居 右 ， 文 本 居 左 。 

使 用 换行 标记 br 的 clear 属性 ， 可 以 将 换行 后 的 文本 移 到 图 像 的 下 面 。 


3.7 超 链 接 


3.7.1 ”起 链接 的 概念 
1. 超 链接 的 含义 
超 链接 是 html 的 精华 。 通 过 超 链接 可 以 随时 转向 其 他 页 面 或 者 到 某 个 段落 去 查看 想 
要 看 的 东西 ， 还 可 以 跨越 站 点 ， 到 其 他 站 点 上 去 查阅 相关 信息 。 可 以 浏览 世界 各 地 的 最 新 
信息 。 超 链接 是 由 源 端 点 到 目标 端点 的 一 种 跑 转 。 源 端点 可 以 是 网 页 中 的 一 段 文本 或 一 由 
图 像 等 。 目 标 端点 可 以 是 任意 类 型 的 网 络 资源 ， 例 如 一 个 网 页 、 一 幅 图 像 、 一 首 歌曲 、 
段 动画 或 一 个 程序 等。 
2. 超 链接 的 形式 
按照 目标 端点 的 不 同 ， 可 以 将 超 链接 分 为 以 下 几 种 形式 。 
。 文件 超 链 接 这 种 链接 的 目标 端点 是 一 个 文件 ， 当 然 包括 各 种 文件 ， 如 页 面 广 
件 。 它 可 以 位 于 当前 网 页 所 在 的 服务 器 上 ， 此 时 可 称 为 “与 站 点 内 页 面 的 链 
接 ”， 也 可 以 位 于 其 他 服务 器 ， 此 时 可 称 为 “与 站 点 外 页 面 的 链接 ”。 
。。 错 点 超 链接 ， 这 种 链接 的 目标 端点 是 网 页 中 的 一 个 位 置 ， 通 过 这 种 链接 可 以 从 当 
前 网 页 跳 转 到 本 页 面 或 其 他 页 面 中 的 指定 位 置 。 
。 E-mail 超 链接 ， 通 过 这 种 链接 可 以 启动 电子 邮件 客户 端 程序 (如 Outlook 或 
Foxmail 等 )， 并 允许 访问 者 向 指定 的 地 址 发 送 邮 件 。 
。 图像 超 链接 ， 这 种 链接 是 在 图 像 上 建立 若干 个 区 域 ， 称 为 “链接 区 ”， 通 过 它 可 
以 跳 转 到 其 他 目标 端点 去 。 
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3. 关于 路 径 

路 径 是 指 从 站 点 根 文 件 夹 或 当前 文件 夹 到 目标 文件 所 经 过 的 路 线 ， 可 以 使 用 路 径 来 指 
定 超 链接 中 目标 端点 的 位 置 。 在 路 径 的 表示 中 ， 常 用 “/” 分 隔 文件 夹 ， 用 “一 ”代表 站 
点 根 文件 夹 ， 例 如 :一 /image/l.gjf。 路 径 有 以 下 几 种 类 型 。 


绝对 路 径 : 也 称 为 绝对 URL， 它 给 出 目标 文件 的 完整 URL 地 址 ， 包 括 传输 协议 
在 内 。 如 果 要 链接 的 文件 位 于 外 部 服务 器 上 ， 则 必须 使 用 绝对 路 径 。 

相对 路 径 : 也 称 为 相对 URL， 是 指 以 当前 文档 所 在 位 置 为 起 点 到 目标 文档 所 经 
过 的 路 径 。 若 要 将 当前 文档 与 处 在 同一 文件 夹 中 的 另 一 个 文档 链接 ， 或 者 将 同一 
站 点 中 不 同文 件 夹 下 的 文档 相互 链接 ， 都 可 以 使 用 相对 路 径 ， 此 时 可 以 省 去 当前 
文档 与 目标 文档 完整 URL 中 的 相同 部 分 ， 只 留 下 不 同 部 分 。 

根 相对 路 径 : 是 指 从 站 点 根 目录 到 被 链接 文件 的 路 径 。 使 用 这 种 路 径 是 指定 站 点 
内 文档 链接 的 最 好 方式 。 


3.7.2 ”常见 链接 的 创建 
1. 创建 文件 链接 
在 html 中 ， 可 以 使 用 a 标记 来 创建 超 链接 。 基 本 语法 格式 如 下 : 
<a href = "字符 串 " target = "字符 串 " title = "字符 串 "> 文 本 </a> 
上 述 语法 格式 包含 a 标记 的 以 下 基本 属性 。 


href: 该 属性 是 必 选 项 ， 用 于 指定 目标 端点 的 URL 地 址 ， 可 以 包含 一 个 或 多 个 
参数 。 具 体 地 ， 如 果 是 与 站 点 以 外 页 面 链接 的 情况 ， 就 为 URL; 如 果 是 与 站 点 
内 页 面 之 间 的 链接 ， 则 为 文件 名 。 

target: 该 属性 是 可 选项 ， 用 于 指定 一 个 窗口 或 框架 的 名 称 ， 目 标 文档 将 在 该 窗 
口 或 框架 中 打开 。 如 果 省 略 该 属性 ， 则 目标 文档 将 取代 包含 该 超 链接 的 文档 。 
target 属性 的 取 值 既 可 以 是 窗口 或 框架 的 名 称 ， 也 可 以 用 _blank 指定 将 链接 的 目 
标 文件 加 载 到 未 命名 的 新 浏览 器 窗口 中 ， 用 _parent 指定 将 链接 的 目标 文件 加 载 
到 包含 链接 的 父 框架 页 或 窗口 中 ， 如 果 包 含 链接 的 框架 不 是 嵌 套 的 ， 则 链接 的 目 
标 文件 加 载 到 整个 浏览 器 窗口 中 用 _self 指定 将 链接 的 目标 文件 加 载 到 链接 所 
在 的 同一 框架 或 窗口 中 ; 用 _top 指定 将 链接 的 目标 文件 加 载 到 整个 浏览 器 窗口 
中 ， 并 由 此 删除 所 有 框架 。 

title: 该 属性 也 是 可 选项 ， 用 于 指定 指向 超 链接 时 所 显示 的 标题 文字 。 


2. 创建 锚 点 链接 

创建 锚 点 链接 时 ， 要 在 页 面 的 某 处 设置 一 个 位 置 标记 ( 即 所 谓 锚 点 )， 并 给 该 位 置 指定 
-个 名 称 ， 以 便 在 同一 页 面 或 其 他 页 面 中 引用 。 通 过 创建 锚 点 链接 ， 可 以 使 超 链接 指向 当 
前 页 面 或 其 他 页 面 中 的 指定 位 置 。 若 要 创建 锚 点 链接 ， 首 先 在 页 面 中 为 需要 跳 转 的 位 置 命 
名 ， 即 在 该 位 置 上 放置 一 个 a 标记 并 通过 name 属性 为 该 位 置 指定 一 个 名 称 ， 但 不 要 在 
<a> 和 </a> 标 记 之 间 放 置 任何 文字 。 例 如 ， 可 以 使 用 a 标记 在 testhtm 页 面 项 部 创建 一 个 


锚 点 : 
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<p><a name = "top"></a></p> 


创建 锚 点 后 ， 可 以 使 用 a 标记 来 创建 指向 该 锚 点 的 超 链接 。 例 如 ， 要 在 同一 个 页 面 中 
跳 转 到 名 为 top 的 锚 点 处 ， 可 以 使 用 以 下 html 代码 : 

<p><a href = "#top"> 返 回 顶部 </a></p> 

若 要 在 其 他 页 面 中 跳 转 到 该 锚 点 ， 则 使 用 以 下 html 代码 : 


<p><a href = "test.htm#top"> 跳 转 到 test-htm 页 的 顶部 </a></P> 


3. 创建 邮件 链接 

使 用 a 标记 创建 邮件 链接 ， 该 标记 的 href 属性 应 由 三 个 部 分 组 成 : 第 一 部 分 是 电子 邮 
件 协 议 名 称 MAILTO; 第 二 部 分 是 电子 邮件 地 址 ;第 三 部 分 是 可 选 的 邮件 主题 ， 其 形式 为 
“subject= 主 题 ”。 第 一 部 分 与 第 二 部 分 之 间 用 冒号 (G) 分 隔 ， 第 二 部 分 与 第 三 部 分 之 间 用 
问号 (2?) 分 隔 。 例 如 :; 

<a href = "mailto:hegels@sina.com?subject= 关 于 动态 网 页 设计 "> 给 我 写 信 </a> 

当 访 问 者 在 浏览 器 窗口 中 单 击 邮件 链接 时 ， 将 会 自动 启动 电子 邮件 客户 端 程序 (例如 
Outlook Express 或 Foxmail 等 )， 并 将 指定 的 主题 填 入 “主题 ” 栏 中 。 

4. 用 于 下 载 的 超 链接 

当 需 要 下 载 某 个 文件 时 ， 可 以 利用 本 节 中 讲述 的 超 链接 方法 。 此 方法 与 通常 的 超 链接 
方法 基本 相同 。 只 要 将 代码 <a herf=url.…>...</a> 中 的 url 指向 扩展 名 为 Tar、.exe 或 .dll 等 
类 型 的 文件 ， 再 按照 系统 的 提示 逐步 进行 设置 ， 系 统 将 自动 在 指定 的 目录 下 完成 文件 的 下 
载 操作 。 

5. 创建 图 像 超 链接 

图 像 的 超 链接 与 文本 超 链接 差不多 ， 就 是 将 <a hre 伍 .…>.….</a> 标 记 放 在 图 片 两 端 即 
可 。 例 如 语句 : 

<a href=default.htm><img src="dysb.jpg" /></a> 


当 单 击 dysb.jpg 图 片 时 将 转向 default.htm 网 页 。 


3.7.3 示例 
超 链 接 主要 形式 的 示例 如 下 。( 注 ， 下面 的 “…” 代 表 热点 ) 
(1) 创建 指向 本 地 页 面 的 链接 : 


<a href="filename .html">..</a> // 链 接 到 本 地 磁盘 上 同一 目录 下 的 页 面 
<a href="../../filename.html">..</a> // 链 接 到 本 地 磁盘 上 不 同 目录 下 的 页 面 


(2) 创建 指向 其 他 服务 器 的 页 面 链接 : 


<a href="http://server/path/filename.html">..</a> 


(链接 到 Internet 上 其 他 服务 器 上 的 页 面 ) 
(3) 创建 指向 页 面 特定 部 分 的 链接 : 
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<a href=-"#fragment">..</a> (链接 到 本 页 面 内 的 某 指定 位 置 ) 
<a href="http://server/path/filename.html #fragment">..</a> (链接 到 其 他 服务 
器 上 页 面 的 某 指定 位 置 ) 


(4) 创建 指向 电子 邮件 的 链接 : 


<a href="mailto:username@domain">..</a> 


3.8 创建 移动 的 文本 


在 网 页 中 经 常 可 以 看 到 一 些 移动 的 字符 串 ， 有 时 称 这 些 移动 的 字符 串 为 “移动 字幕 ” 


或 “跑马 灯 ”， 它 可 以 进一步 吸引 人 们 的 注意 力 。 


利用 marquee 标记 可 以 将 静态 的 文本 转换 为 动态 文本 。 该 标记 使 用 的 语法 如 下 : 
<marquee> 要 滚动 显示 的 文本 信息 </marquee> 


<marquee> 标 记 有 很 多 属性 可 以 改变 移动 的 方式 。 

align: 指定 字幕 与 周围 文本 的 对 齐 方式 ， 其 取 值 可 以 是 top、middle 或 bottom。 
behavior: 指定 文本 动画 的 类 型 ， 其 取 值 可 以 是 scroll、slide 或 alternate。 
bgcolor: 指定 字幕 的 背景 颜色 。 

direction: 指定 文本 的 移动 方向 ， 其 取 值 可 以 是 down、left、right 或 up。 
height: 指定 字幕 的 高 度 ， 以 像素 或 百分比 为 单位 。 

hspace: 整数 ， 指 定 字幕 的 外 部 边缘 与 浏览 器 窗口 之 间 的 左右 边 距 (像素 )。 
loop: 指定 字幕 的 滚动 次 数 。 

scrollamount: 整数 ， 指 定 字幕 文本 每 次 移动 的 距离 ， 以 像素 为 单位 。 
scrolldelay: 整数 ， 指 定 与 前 段 字 幕 文本 延迟 多 少 ms 后 重新 开始 移动 文本 。 

@ vspace: 整数 ， 指 定 字幕 的 外 边缘 与 浏览 器 窗口 之 间 的 上 下 边 距 (像素 )。 

下 面 举例 说 明 这 些 属性 的 使 用 方法 。 

例 3.1 在 <h2>< 诊 移动 字符 串 </i></h2> 的 前 后 加 上 <marquee>...</marquee> 标 志 ， 


如 下 : 


<marquee><h2><i> 移动 字符 串 </i></h2></marquee> 


当 打开 浏览 器 时 ，“ 移 动 字符 串 ” 这 5 个 字 将 从 右 向 左 移动 ， 到 达 左 边沿 时 再 快速 返 


回 到 右边 ， 继 续 向 左边 移动 ， 不 断 循环 直到 关闭 该 网 页 时 为 止 。 根 据 需 要 也 可 设置 成 向 不 
同 的 方向 移动 。 


注意 : 这 里 虽然 没有 明显 地 用 direction 设置 移动 方向 ， 但 是 一 般 每 个 属性 都 会 有 一 个 


默认 值 ， 如 果 没 有 设置 该 属性 值 ， 就 采用 默认 值 ， 而 direction 的 默认 值 为 lgft， 即 从 右 向 


左 移动 。 如 果 想 设置 为 从 左 向 右 移 动 ， 就 要 写 上 direction=right。 


例 3.2 控制 移动 范围 。 
<marquee width=150> 再 见 了 ! </marquee> 


用 于 控制 移动 范围 。 
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例 3.3 单 向 移动 。 
<marquee behavior=slide> 滑 到 终点 了 ! </marquee> 
于 控制 移动 到 左 端 就 停止 移动 。 
例 3.4 左右 反复 移动 。 
<marquee behavior=alternate> 撞 来 撞 去 ， 啊 ! 我 昏 啦 </marquee> 
日 于 控制 从 右 到 左 ， 再 从 左 到 右 反 复 进 行 。 
例 3.5 确定 移动 速度 。 
<marquee scrolldelay=15 scrollamount=50> 哗 ! ! 太 快 了 ， 我 又 昏 啦 </marquee> 
结合 scrolldelay 与 scrollamount 两 个 属性 的 调整 来 控制 每 次 移动 的 距离 以 及 每 次 移动 
间 的 延迟 时 间 ， 以 改变 移动 的 速度 和 并 保证 移动 的 平滑 性 。 
例 3.6 用 鼠标 控制 起 停 。 
<marquee onmouseover="this.stop()" onmouseout="this.start()">.<dqiv> … 
</div> /marquee 
利用 鼠标 履 盖 或 退出 调用 stopO 和 start0 方 法 控制 在 <div>…<div> 之 间 移 动 的 字符 串 
(或 图 片 )。 


3.9 HTML 与 XML 的 比较 


到 此 为 止 ， 已 经 介绍 了 两 种 标记 语言 XML 与 HTML。 它 们 都 派生 于 SGML， 都 是 
用 标记 来 定义 它们 的 特性 ， 从 外 观 上 非常 相似 。 但 两 者 之 间 却 有 着 本 质 的 区 别 。 
@ HTML 标记 是 用 来 对 HTML 元 素 的 外 观 或 格式 进行 定义 ， 而 XML 标记 是 对 内 
容 语义 的 描述 。 
@ HTML 的 标记 由 系统 定义 ， 而 XML 的 标记 自行 定义 。 
@ HTML 的 语法 比较 松散 ， 而 XML 的 语法 比较 严格 (例如 ， 区 分 大 小 写 ， 各 标记 
必须 封闭 等 )， 因 此 XML 的 执行 效率 要 高 一 些 。 
@ 为 了 显示 XML 文本 ， 常 需要 与 其 他 文件 结合 起 来 使 用 。 
当前 这 两 种 标记 语言 都 被 广泛 地 应 用 于 网 络 应 用 之 中 。HTML 用 来 定义 浏览 器 的 显 
示 ，XML 主要 用 来 在 不 同 平台 之 间 传 输 和 交换 数据 。 为 了 正确 显示 XML 文本 的 内 容 ， 
需要 和 其 他 文件 结合 ， 有 时 也 需要 和 HTML 相 结 合 。 
现在 ASP.NET 2.0 以 及 后 续 版 本 都 使 用 XHTML， 它 将 HTML 纳入 XML 的 规则 中 。 
既然 XML 的 标记 可 以 自行 定义 ，HTML 的 标记 当然 也 可 以 成 为 其 中 的 一 部 分 。 
W3C 于 2000 年 6 月 26 日 发 布 f7 XHTML 的 第 一 个 版 本 作为 推荐 标准 。 它 的 目标 是 
使 得 XHTML 成 为 HIML 的 继承 者 。 制 定 XHTML 标准 有 两 大 目标 。 
@ 文档 内 容 与 表现 形式 更 明显 地 分 离 。 
@ 将 HIML 表现 为 XML 应 用 程序 。 
XHTML 的 标准 已 经 发 布 了 以 下 几 种 版 本 。 
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@ XHTML 1.0 Transitional: 作为 从 HIML 到 XHTML 的 过 渡 标准 。 

@ XHTML 1.0 Strict: 强迫 使 用 CSS 来 控制 外 观 。 

@ XHTML 1.0 Frameset: 将 浏览 器 划分 为 多 个 框架 文档 。 

2001 年 5 月 31 日 又 发 布 7 XHTML 1.1 标准 。 它 非常 类 似 于 XHTML 1.0 Strict 版 
本 ， 同 时 还 增加 了 对 Mathml( 数 学 标记 语言 ) 和 svg( 可 伸缩 性 向 量 语言 ) 的 支持 ， 还 可 以 自 
动 创建 模块 元 素 。 

目前 的 ASPNET 采用 的 都 是 XHTML 1.0 Transitional 标准 。 和 HTML 相 比 只 是 语法 
规则 严格 了 一 些 。 这 就 是 说 ， 在 ASP.NET 中 书写 XHTML 时 ， 标 记 将 区 分 大 小 写 ， 各 个 
标记 必须 是 封闭 的 。 例 如 <br> 断 行 标记 也 应 该 写成 <br 这 的 形式 。 

目前 是 从 HTML 到 XHTML 的 过 渡 期 ， 在 这 个 过 渡 期 内 ， 网 页 中 的 代码 只 要 符合 
HTML 4.0 要 求 (即使 不 完全 符合 XHTML 的 要 求 )， 系 统 都 会 正常 运行 ， 只 是 用 红色 下 划 
线 将 不 符合 XHTML 标准 的 代码 标示 出 来 ， 或 者 在 “错误 列表 ”中 发 出 一 些 错误 信息 的 
提示 。 


3.10 HTML 表单 及 其 控件 


3.10.1 表单 (form) 的 作用 


浏览 器 从 服务 器 下 载 HTML 网 页 以 后 ， 程 序 基 本 上 按 顺 序 运 行 ， 发 生 的 事件 都 在 浏 
览 器 端 处 理 。 当 需要 与 服务 器 进行 交互 时 ， 通 过 “表单 ”进行 。 

表单 相当 于 一 个 容器 ， 它 把 需要 向 服务 器 传送 的 信息 收集 到 一 起 ， 以 便 一 道 提交 给 服 
务 器 进行 处 理 。 这 就 好 比 到 邮局 寄 包 庄 时 的 “ 包 衷 单 ”， 或 到 银行 汇款 时 的 “汇款 单 ” 
样 ， 先 要 填写 信息 的 传送 方向 、 传 送 方式 以 及 传送 的 内 容 等 。 为 了 便于 填写 这 些 数据 ， 系 
统 提供 了 若干 HTML 控件 。 


3.10.2 HTML 的 表单 控件 


系统 提供 的 HTML 控件 包括 各 种 类 型 的 输入 框 、 下 拉 列 表 框 、 单 选 按钮 、 复 选 杠 
等 。 这 些 HTML 控件 都 是 从 System.Web.ULHtmlControls.HtmlControl 类 直接 或 间接 派生 
出 来 的 类 ， 并 且 都 直接 映射 到 HIML 元 素 上 。 具 体 包 括 以 下 5 种。 

1. 3 种 按钮 

3 种 按钮 分 别 是 : 

@ ”Button: 一 般 按钮 。 

@ ”Reset Button: 复位 按钮 。 

e@ Submit Button: 提交 按钮 。 

2. 显示 控件 


两 种 显示 控件 分 别 是 : 
@ Label: 文本 显示 。 
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Image: 图 像 显 示 。 


3. 输入 框 
输入 类 型 可 分 为 : 


Text Field: 文本 输入 或 显示 。 
Password Field: 口令 输入 。 
Hidden: 隐 含 输入 。 


4. 选择 控件 
两 种 选择 控件 分 别 是 : 


Radio Button: 单 选 按钮 。 
Checkbox: 复 选 框 。 


5. 多 行 显示 控件 
多 行 显示 控件 主要 包括 : 


Listbox: 多 行 显示 。 
TextArea: 多 行 显示 并 可 多 选 。 


各 种 控件 相应 的 HTML 标记 如 下 。 


<form action="." method=".."> // 表 单 开始 标记 
<Input .> // 单 行文 本 输入 框 、 单 选 或 多 选 按钮 
<Select .>..</Select> // 下 拉 列 表 框 
<Textarea .> ..</Textarea> // 多 行文 本 框 


<Input Type = "Submit" Value = "提交 "> // 提 交 按 钮 
<Input Type = "Reset" Value =" 复 位 "> // 复 位 按钮 


</form> // 表 单 结束 标记 


(服务 器 端 ) 


图 3.3 HTML 表单 的 工作 过 程 示意 
其 中 有 两 个 重要 的 属性 (action 与 method)， 它 们 的 作用 如 下 。 


action 属性 ， 它 代表 URL， 用 它 指 向 一 个 网 页 。 当 单 击 提交 按钮 时 ， 立 即 转向 该 
网 页 ， 以 处 理 从 表单 中 提交 的 数据 。 

method 属性 ， 该 属性 用 来 定义 提交 信息 的 方式 ， 包 括 三 种 选择 : Get、Post 和 
Default。 使 用 Get 方式 提交 信息 时 ， 表 单 中 的 信息 作为 字符 串 自 动 附加 在 新 的 
URL 后 面 ， 立 即 送 出 ， 因 此 执行 效率 高 ， 但 由 于 URL 的 长 度 最 长 为 8K 个 字 
符 ， 如 果 提 交 的 信息 加 上 原 URL 超过 上 述 长 度 时 ， 超 过 部 分 将 会 被 系统 切断 。 
使 用 Post 方式 提交 信息 时 ， 需 要 对 输出 的 信息 进行 包装 ， 存 入 单独 的 文件 中 (不 
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附 在 URL 后 面 )， 等 待 服务 器 取 走 。 利 用 这 种 方式 提交 时 效率 较 低 ， 但 信息 量 几 
平 没 有 限制 。 使 用 Default 方式 时 ， 提 交 信 息 的 方式 取决 于 浏览 器 的 设置 。 通 常 
情况 下 为 Get 方式 。 
其 中 有 两 个 专用 按钮 为 : 【提交 】 按 钮 与 【复位 】 按 钮 。 系 统 已 经 为 它们 编写 好 了 脚 
本 ， 可 用 来 完成 以 下 专门 的 任务 。 
@ 【提交 】 按 钮 (Submib 用 来 向 服务 器 提交 表单 元 素 中 的 数据 。 
@ 【复位 】 按 钮 (Reset) 用 来 将 表单 元 素 中 的 数据 复位 (清空 )， 以 便 重新 输入 新 数 
据 。 
当 客 户 在 这 些 输 入 控件 中 输入 数据 后 ， 单 击 提交 按钮 ， 将 信息 一 起 传送 到 服务 器 ， 并 
转向 另 一 个 网 页 进行 处 理 ， 并 将 处 理 的 结果 显示 在 另 一 个 网 页 中 。 
每 一 张 网 页 中 可 以 包括 多 个 表单 ， 每 个 表单 最 少 应 有 一 个 【提交 】 按 钮 和 一 个 【 复 
位 】 按 钮 。 


3.10.3 ”表单 示例 


表单 的 示例 如 图 3.4 所 示 。 
姓名 ，。 陈 有 为 
性 别 。 @ 男 O 女 
爱好 口 体育 回 文艺 回音 乐 
职业 ， [Evy] 
EE 可 
图 3.4 表单 界面 
其 代码 如 下 。 


<form action="Default.aspx" method="get"> 
<table class="style2"> 
<tr> 
<td> 
<span lang="zh-cn"> 姓 名 : </span></td> 
<td> 
<input id="Textl" type="text" name="namel"/></td> 
</tr> 


<tr> 
<td> 
<span lang="zh-cn"> 性 别 : </span></td> 
<td> 
<input id="Radiol" type="radio" checked="checked" value="man" 
name="sex"/> 男 
<input id="Radio2" type="radio" value="woman" name="sex"” /> 女 
</td> 
A 
et 
<td> 
<span lang="zh-cn"> 爱 好 : </span></td> 
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<td> 
<input id="Checkboxl" type="checkbox"” name="ty"” /> 体育 
<input id="Checkbox2" type="checkbox” name="wy” /> 文艺 
<input id="Checkbox3" type="checkbox” name="yy” /> 音乐 </td> 
</tr> 
<tr> 
<td> 
<span lang="zh-cn"> 职 业 : </span></td> 
<td> 
<select id="Selectl" name="zZy"> 
<option>Teacher</option> 
<option>Engineer</option> 
<option>student</option> 
</select></td> 
</tr> 
<tr> 
<td align="center" colspan="2"> 
<input id="Resetl" type="reset" value=" 复 位 " 
/>&nbsp; gnbsp; <input id="Submitl" 
type="submit"” value=" 提 交 " class="style3" /></td> 
</tr> 
</table> 
</form> 


如 果 表单 的 属性 是 method="get"， 则 当 填 完 表 单 中 的 数据 并 单 击 提交 按钮 时 ， 填 写 的 
数据 将 附 在 新 URL 后 面 。 格 式 如 下 。 

http://www. 域 名 /Default .aspx?namel=valuel&name2=value2... 

问号 后 面 就 是 表单 中 填写 的 数据 ， 格 式 采用 “名 称 = 值 ”的 形式 ， 语 句 中 的 空格 一 律 
自动 用 & 取 代 。 

如 果 method="post"， 则 需要 传 出 的 数据 将 另外 打包 ， 不 附 在 新 URL 后 面 。 

作为 处 理 信息 的 网 页 (本 例 中 为 Default.aspx) 通 常 需 将 信息 存 入 数据 库 中 并 向 客户 反馈 
- 定 的 信息 。 关 于 存 入 数据 库 的 方法 将 在 后 面 章节 中 讲述 ， 这 里 只 演示 反馈 信息 。 为 此 在 
处 理 信 息 网 页 的 Page_Load 事件 中 写 出 以 下 代码 : 

protected void Page Load(object sender, EventArgs e) 

. string tt = Request["name"]; // 取出 输入 的 名 字 


Response.Write (tt+" 先 生 ， 感 谢 您 登录 网 站 ! "); // 反馈 信息 
} 


3.11 小 结 


-个 好 的 网 页 中 常常 包含 各 种 不 同 的 文本 ， 这 些 文本 的 大 小 不 同 ， 形 式 也 不 相同 ， 是 
什么 方法 使 它们 变 得 如 此 丰富 多 彩 呢 ?是 html( 加 上 下 一 章 将 介绍 的 CSS)。 

在 桌面 系统 中 ， 利 用 文字 编辑 软件 (例如 Word) 编 辑 文本 时 ， 将 文本 写成 什么 样 将 来 
就 显示 成 什么 样 。 但 是 浏览 器 与 此 不 同 ， 它 只 认识 html。 只 有 用 标记 才能 定义 显示 的 

为 了 显示 不 同 的 形式 ， 系 统 确定 了 不 同 的 html 标记 。 使 用 时 只 需要 将 这 些 标记 把 定 
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义 的 对 象 包围 起 来 即 可 。 由 于 使 用 方法 非常 简单 ， 因 此 受到 广泛 的 欢迎 ，html 已 经 成 为 各 
种 类 型 的 浏览 器 的 通用 语言 。 

标记 中 的 属性 如 宽度 、 高 度 、 颜 色 以 及 对 齐 方式 等 ， 作 为 标记 定义 的 补充 ， 大 大 增强 
了 标记 定义 的 表现 力 。 

文本 或 图 像 超 链接 是 html 的 灵魂 ， 正 是 因为 有 了 它 ， 才 可 以 让 人 们 在 网 上 冲浪 ， 邀 
游 世界 。 在 html 中 超 链 接 定 义 的 最 简单 的 格式 是 

<a href = "url" > 链接 文本 </a> 

动态 文本 常常 能 够 起 到 突出 重点 、 吸 引 更 多 网 民 目 光 的 效果 。 定 义 移 动 字符 串 的 语 
句 是 

<marquee> 移 动 的 文本 </marquee> 

移动 图 片 的 定义 语句 与 此 相同 。 格 式 如 下 。 

<marquee> 移 动 的 图 片 </marquee> 

即 在 <marquee> 的 标记 中 间 放 进 一 张 或 多 张 图 片 ， 这 些 图 片 就 可 以 用 移动 的 方式 


显示 。 
在 <marquee> 标 记 中 还 可 以 增加 很 多 属性 ， 用 来 控制 移动 的 方式 (如 向 左 、 向 右 、 往 
返 、 起 停 等 ) 和 移动 的 速度 。 

浏览 器 从 服务 器 下 载 .htm 网 页 以 后 ， 程 序 基本 上 都 在 浏览 器 端 运行 。 当 需要 与 服务 器 
进行 交互 时 ， 通 过 表单 进行 。 表 单 负责 将 信息 收集 到 一 起 ， 以 便 一 道 提交 给 服务 器 。 在 表 
单 中 action 属性 指向 处 理 信 息 的 网 页 ，method 属性 用 来 指定 信息 传输 的 方式 。 传 输 方式 
包括 post 和 get 两 种 。 


3.12 习 题 

1. 填空 题 

(1) HIML 是 的 英文 缩写 。 它 是 WWW( 英 文 为 ) 中 使 用 的 超 文 
本 标记 语言 。 它 最 早 源 于 SGML。 

(2) 对 于 HTML， 任 何 编辑 器 都 可 以 编辑 它 。 它 目前 已 经 成 为 各 种 类 型 
_ 的 通用 标准 。 

(3) 所 有 网 页 ， 都 是 由 对 html 解释 而 形成 的 ， 就 相当 于 HTML 
的 翻译 程序 ， 负 责 解释 html 文件 各 种 符号 的 含义 。 

(4) 列表 文本 有 和 两 种 形式 。 

2. 选择 题 

(1) 在 网 站 中 ， 路 径 通常 有 种 表示 方式 ， 它 们 分 别 是 


A.3， 绝 对 路 径 、 根 目录 相对 路 径 、 文 档 目录 相对 路 径 
B. 2， 绝 对 路 径 、 根 目录 相对 路 径 
C.3， 绝 对 路 径 、 根 目录 绝对 路 径 、 文 档 目录 相 对 路 径 
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D. 2， 绝 对 路 径 、 根 目录 绝对 路 径 
(2) 在 html 中 ， 超 链接 由 标记 定义 。 
A. <p> 也 . <a> C. <img> D. <meta> 
(3) 下 面 关 于 绝对 路 径 的 说 法 ， 正 确 的 是 
A. 绝对 路 径 是 被 链接 文档 的 完整 URL， 不 包括 使 用 的 传输 协议 
B. 使 用 绝对 路 径 需 要 考虑 源 文件 的 位 置 
C. 在 绝对 路 径 中 ， 如 果 目 标 文件 被 移动 ， 则 链接 同样 可 用 
D. 创建 外 部 链接 时 ， 必 须 使 用 绝对 路 径 
(4) html 代 码 <a name="name"></a> 表示 
A. 创建 一 个 超 链接 
B. 创建 一 个 自动 发 送 电 子 邮 件 的 链接 
C. 创建 一 个 位 于 文档 内 部 的 链接 点 
D. 创建 一 个 指向 位 于 文档 内 部 的 锚 点 
(5) 表单 中 的 属性 action 是 指 ， 属 性 method 是 指 
A. 处 理 信息 的 事件 
B. 传送 信息 的 方式 
C. 处 理 信息 网 页 的 URL 
D. 处 理 信息 的 方法 
3. 判断 题 


(1) HTML 是 对 显示 的 描述 ， 而 XML 不 仅 能 描述 显示 还 能 描述 语义 。 《 
(2) HTML 与 XML 一 样 ， 它 们 的 标记 都 是 严格 区 分 大 小 写 的 。 


4. 简 答题 


(1) HTML 页 面 的 基本 结构 是 怎样 的 ? 

(2) 在 HTML 页 面 中 如 何 实现 左 对 齐 、 右 对 齐 和 居中 对 齐 ? 

(3) 如 何在 页 面 中 插入 锚 点 ? 说 出 好 处 。 

(4) 是 否 可 以 在 不 同 的 页 面 间 实现 用 锚 点 链接 进行 跳 转 ? 如 果 可 以 ， 怎 样 实现 ? 
(5) 简 述 HTML 与 XML 之 间 的 区 别 。 

(6) 表单 的 作用 是 什么 ? 

(7) 从 表单 向 服务 器 传送 信息 的 方式 有 几 种 ? 有 什么 区 别 ? 

5. 操作 题 


在 网 站 中 创建 多 个 .htm 网 页 ， 要 求 在 网 页 中 实现 以 下 技术 。 
(1) 使 用 各 种 不 同 字体 、 颜 色 的 文本 。 

(2) 使 用 两 种 列表 。 

(3) 超 链 接 ( 文 本 超 链接 、 锚 点 超 链接 、 电 子 邮 件 超 链接 等 )。 
(4) 结合 移动 字符 串 进行 超 链接 。 
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随 着 网 站 应 用 范围 日 益 广泛 ， 对 网 页 设计 的 要 求 越 来 越 高 。 一 张 好 的 网 页 既 要 有 鲜明 
的 主题 、 丰 富 的 内 容 ， 还 要 有 美丽 的 外 观 和 强烈 的 吸引 力 。 在 这 种 情况 下 ， 单 纯利 用 
HTML 及 其 属性 来 设计 外 观 的 方法 已 经 远 远 不 能 满足 需要 。CSS 技术 的 出 现 弥补 了 上 述 技 
术 的 不 足 。 当 前 ， 利 用 CSS 设计 网 页 外 观 已 经 成 为 最 佳 方式 。 这 不 仅 因为 CSS 具有 很 强 
的 表现 力 ， 还 因为 它 能 使 网 页 内 容 与 显示 代码 分 离 ， 从 而 有 利于 代码 的 重用 ， 因 此 用 CSS 
设计 网 页 已 经 成 为 新 一 代 网 页 设计 的 共同 标准 。 

ASPNET 3.5 在 ASPNET 2.0 的 基础 上 增强 了 对 CSS 技术 的 支持 ， 增 加 了 几 个 处 理 
CSS 的 工具 ， 如 应 用 样式 窗口 、 管 理 样式 窗口 、CSS 属性 窗口 以 及 样式 应 用 工具 栏 等 ， 利 
用 这 些 工 具 可 以 简化 CSS 的 设计 过 程 。 

下 面 将 分 两 阶段 来 介绍 CSS 技术 。 先 讲述 CSS 的 一 般 原理 ， 然 后 结合 ASPNET 3.5 
提供 的 工具 来 讲解 用 CSS 设计 网 页 的 方法 。 具 体内 容 包 括 : 

@ CSS 的 基本 概念 。 

@ CSS 的 定义 方法 。 

@ CSS 网 页 布局 。 


4.1 CSS 的 基本 概念 


4.1.1 什么 是 CSS 


CSS(Cascading Style Sheet， 级 联 样式 表 ) 就 是 一 组 用 来 控制 网 页 元 素 外 观 的 属性 。 它 
由 W3C(World Wide Web Consortium) 组 织 创建 ， 应 用 于 Netscape 和 Internet Explorer 等 浏 
览 器 4.0 以 及 以 后 的 版 本 中 (3.0 版 本 只 能 部 分 支持 CSS 技术 )， 目 前 已 为 各 种 类 型 的 浏览 
器 接受 ， 实 际 上 已 经 成 为 业界 共同 的 使 用 标准 。 

HTML 是 一 种 标记 语言 ， 虽 然 它 本 身 已 经 规定 了 浏览 器 中 网 页 元 素 的 显示 格式 ， 但 是 
随 着 Intemet 应 用 范围 的 扩大 ， 特 别 是 动态 网 页 的 出 现 ， 已 暴露 出 它 的 严重 不 足 。 比 如 : 

e@ 它 将 内 容 和 属性 (用 来 确定 显示 ) 紧 紧 捆 绑 在 一 起 造成 了 代码 文件 的 混乱 ， 并 大 大 

减少 了 代码 的 可 重用 度 。 
@ HTML 标记 的 定义 等 级 少 、 跨 度 大 ， 很 难 进行 微量 调整 。 
e@ HTML 给 元 素 定位 的 能 力 差 ， 只 能 利用 表格 进行 粗略 定位 等 。 


4.1.2 CSS 的 作用 


CSS 是 对 HTML 功能 的 扩展 。 用 CSS 可 以 控制 大 多 数 传 统 的 文本 属性 ， 如 字体 、 字 
形 、 字 号 、 字 距 等 ， 还 可 以 控制 如 页 边 距 、 缩 排 、 颜 色 、 底 图 等 布局 属性 。 使 用 CSS 不 
光 可 以 控制 某 些 指定 的 HTML 标记 ， 还 可 以 一 次 控制 一 篇 或 多 篇 文档 的 格式 。 
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CSS 的 作用 可 以 归纳 如 下 。 

@ CSS 能 对 网 页 进行 “精细 加 工 ”， 以 美化 由 HTML 初步 定义 的 网 页 。 

@ 一 个 CSS 样式 表 可 以 定义 多 个 HTML 文本 和 图 像 ， 只 要 改变 CSS 文件 ， 多 个 
HTML 文档 和 图 像 的 外 观 都 将 随 之 改变 。 反 过 来 ， 同 一 个 HTML 文本 、 图 像 用 
不 同 的 CSS 样式 表 来 定义 ， 可 以 显示 出 不 同 的 风格 。CSS 使 得 HTML 的 文本 和 
图 像 的 内 容 与 显示 风格 分 离 ， 从 而 增强 了 代码 文件 的 可 重用 度 。 就 好 比 一 个 人 
( 比 作 内 容 ) 与 他 所 穿 的 衣服 ( 比 作 外 观 ) 是 两 件 相关 而 又 不 同 的 实体 ， 将 它们 紧 紧 
捆绑 在 一 起 是 不 恰当 的 ， 只 有 将 两 者 分 离 才能 释放 出 更 多 的 灵活 性 。 

@ ”如 果 多 种 CSS 的 定义 之 间 出 现 矛盾 时 ， 系 统 的 处 理 原则 是 定义 的 范围 越 小 
时 ， 它 的 优先 级 越 高 。 这 也 就 是 级 联 样 式 表 中 “级 联 ” 的 含义 ， 级 联 在 这 里 就 是 
“优先 级 ”的 意思 。 

@ CSS 提供 的 属性 能 用 脚本 语言 控制 ， 为 实现 动态 网 页 葛 定 了 基础 。 

@ CSS 与 XML 结合 能 表现 出 更 为 复杂 的 样式 。 


4.2 CSS 的 定义 方法 


4.2.1 两 种 定义 方式 


CSS 的 定义 方式 有 两 种 : 内 联 方式 与 链接 方式 。 使 用 内 联 方式 时 ， 将 CSS 的 定义 直 
接 写 在 HTML 标记 的 属性 中 ;使 用 链接 方式 时 ，CSS 的 定义 集中 放置 在 外 面 的 文件 (.css 
文件 ) 中 ， 或 者 放 在 本 网 页 的 某 个 地 方 ，HTML 标记 则 通过 某 种 属性 (这 里 称 为 “选择 器 ”) 
与 这 些 CSS 定义 连接 在 一 起 。 

链接 方式 是 CSS 的 主要 定义 方式 ， 因 为 这 种 方式 能 够 将 内 容 与 表现 代码 分 离 ， 有 利 
于 代码 重用 ， 还 可 以 使 多 张 网 页 的 显示 风格 一 致 。 

但 有 时 也 需要 使 用 内 联 方 式 ， 这 种 方式 的 优点 是 比较 直观 ， 有 些 特殊 情况 也 需要 使 用 
它 。 例 如 ， 网 站 中 多 张 网 页 已 经 用 链接 方式 连接 到 CSS 文件 中 ， 但 其 中 某 张 网 页 的 某 些 
局 部 有 不 同 的 外 观 要 求 时 ， 可 以 为 该 HTML 标记 添加 CSS 内 联 定义 。 因 为 CSS 内 联 定义 
的 优先 级 高 于 链接 方式 。 


4.2.2 ”定义 语句 


1. 内 联 方式 时 的 定义 语句 
在 各 种 HTML 标记 中 都 有 一 个 style 属性 ， 这 个 属性 其 实 就 是 CSS。 可 以 直接 用 好 
或 者 可 视 化 方式 (后 面 讲述 ) 将 属性 写 入 style 属性 中 。 例 如 : 


<h2 style="background-color:Red"> 利 用 级 联 样式 表 </h2> 


代表 将 这 个 <h2>...</h2> 标 记 以 内 字符 串 的 背景 颜色 定 为 红色 。 
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2. 链接 方式 时 的 定义 语句 
用 链接 方式 定义 时 需要 按照 以 下 格式 定义 : 


<head> 

<style type="text/css"> 

选择 器 名 1 { 
属性 名 1 : 值 1; 
属性 名 2 : 值 2; 
属性 名 3 : 值 3; 


</style> 

</head> 

CSS 的 选择 器 主要 包括 以 下 几 种 。 

1) “标记 选择 器 

使 用 标记 选择 器 的 作用 ， 实 际 上 是 对 HTML “元素 ”进行 重 定义 。 其 格式 如 下 。 
HTML 标记 名 { ”/* 显示 风格 的 描述 语句 */ } 

如 : 


hl { 

font-size : 12px; 

color : #FF0000; 

} 

即 : 网 页 中 在 标记 <h1>...</h1> 中 间 的 字符 都 用 12px 大 小 ， 红 色 (#FF0000) 来 显示 。 
2) id 选择 器 

用 id 选择 器 时 ， 先 需要 在 “元 素 id” 名 的 前 面 加 上 # 号 ， 再 定义 显示 的 风格 。 其 格 


式 如 下 。 


# id 名 { /* 显示 风格 的 描述 语句 */ } 
例如 : 


#Content 


position : absolute; 
top: 0; left : 0; width : l0em; 
} 


引用 示例 : 
<div id="Content " >.</div> 


在 这 里 <div>.…</div> 标 记 代 表 “ 层 ”元 素 ， 它 定义 了 一 定 的 范围 ， 在 这 个 范围 内 的 元 


素 
代 


呈 


有 


定 


元 
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起 点 用 坐标 的 绝对 值 定 位 ， 它 与 外 框 之 间 的 上 边 距 及 左边 距 皆 为 0， 其 宽度 为 10em(em 
表 当 前 的 字符 宽度 )， 高 度 没有 定义 。 
3) ”类 选择 器 
使 用 类 选择 器 时 ， 先 需要 在 类 名 前 面 加 上 句号 (.)， 再 定义 显示 的 格式 。 格 式 如 下 。 
-类 名 { ”/* 显示 风格 的 描述 语句 */ } 
例如 : 
.details { 
color : #FF0000; 
} 
类 名 定义 可 以 应 用 于 任意 的 HTML 标记 中 ， 只 要 在 该 标记 的 属性 中 注 明 了 类 名 即 
。 例 如 : 


<p class=" details ">.</p> 

上 述 定义 表明 在 <p> 与 </p> 标 记 之 间 的 元 素 将 按照 .details 类 名 的 定义 来 显示 ， 即 文本 
红色 。 

如 果 在 同一 个 标记 的 属性 中 既 引 用 了 “类 名 ”又 引用 了 “元 素 ia”， 而 且 两 者 的 定义 
冲突 时 ， 元 素 id 的 优先 级 将 高 于 类 名 定义 。 这 就 是 说 ， 此 种 情况 下 ， 将 采用 元 素 id 的 
义 。 

4) “后代 选择 器 
由 于 在 DOM( 将 在 第 5 章 中 讲授 ) 中 的 元 素 为 层次 结构 ， 可 以 给 某 元 素 的 后 代 中 某 些 
素 定 义 CSS。 例 如 : 

alink a { 


color : blue; 


} 

表明 类 名 为 link 元 素 的 后 代 中 的 a 标记 中 的 文本 颜色 为 blue。 
5) 和 群 组 选择 器 
如 果 一 组 HTML 标记 拥有 相同 的 CSS 定义 时 ， 可 以 采用 群 组 选择 器 。 例 如 : 
td, p, div af 

font-size : 12px; 

+ 
表明 td、p、div a(div 标记 后 代 中 的 a 标记 ) 三 种 标记 中 字符 的 大 小 都 是 12px。 
6) ” 通 配 选 择 器 
当 文档 中 所 有 元 素 使 用 同一 种 CSS 定义 时 ， 可 以 用 通 配 选 择 器 “*”。 例 如 : 
4 


font-size:14px; 
} 


从 上 面 的 示例 可 以 看 出 ， 用 选择 器 匹配 的 元 素 并 不 只 是 单一 的 元 素 ， 而 是 一 组 元 素 的 


人 合 ， 凡 是 符合 选择 器 名 的 (不 只 是 某 一 个 元 素 ) 都 将 按照 该 CSS 的 定义 来 显示 外 观 。 
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提示 : 定义 CSS 的 语法 虽然 简单 ， 但 是 每 种 选择 器 的 “属性 名 ”和 “ 值 ” 较 多 ， 不 易 记 
忆 ， 也 容易 写 错 。 下 列 方法 可 以 帮助 我 们 减少 错误 。 即 当 写 完 
<style type="text/css"> 


选择 器 名 { 


后 按 Enter 键 ， 再 按 空格 键 时 ， 系 统 将 提示 该 选择 器 所 有 的 属性 名 ， 选 择 其 中 之 一 
后 再 按 冒 号 (:) 键 ， 将 提示 出 该 属性 中 所 有 可 选择 的 “ 值 ”。 


3. 链接 外 接 CSS 文件 的 方法 


如 果 使 用 外 接 CSS 文件 时 ， 先 要 建立 一 个 以 .css 为 后 级 的 文件 。 文 件 中 包括 若干 CSS 
的 定义 语句 。 例 如 : 


选择 器 名 { 
属性 名 1 : 值 1; 
属性 名 2 : 值 2; 
值 3; 


属性 名 3 : 
然后 在 调用 该 CSS 文件 的 网 页 中 书写 以 下 语句 。 
<head> 


Lak rel="stylesheet" type="text/css"” href="CSS 的 文件 名 .css" /> 

</head> 

若 要 在 整个 网 站 中 引用 某 个 CSS 文件 时 ， 可 将 CSS 文件 与 皮肤 文件 一 起 放 在 主题 目 
录 下 ， 并 在 网 站 的 Web.config 文件 中 进行 配置 。 此 问题 将 在 第 19 章 中 进一步 讲述 。 


4.3 CSS 网 页 布局 


4.3.1 概述 


网 页 的 整体 布局 非常 重要 ， 这 是 基于 两 方面 的 原因 : 一 方面 网 页 的 整体 布局 ， 将 给 人 
带 来 整体 视觉 上 的 直接 感受 另 一 方面 网 页 布局 与 一 般 的 文本 编辑 不 同 ， 如 果 方 法 用 得 不 
当时 ， 常 常会 出 现在 设计 阶段 似乎 较 好 的 界面 ， 一 旦 运行 布局 就 乱 了 的 情况 。 

传统 的 布局 方法 是 利用 表格 进行 ， 利 用 表格 的 定位 、 对 齐 等 功能 将 各 种 网 页 元 素 放置 
到 表格 指定 的 单元 格 中 。 虽 然 表格 的 大 小 可 以 任意 调整 ， 行 、 列 之 间 也 可 以 任意 拆 分 或 归 
并 ， 但 是 在 布局 中 仍然 会 出 现 顾 此 失 彼 的 感觉 。 要 想 成 为 一 名 布局 高 手 ， 非 常 不 容易 。 

新 一 代 的 网 页 布局 是 以 DIV+CSS 为 主 并 结合 表格 定位 的 方法 。 为 此 首先 需要 掌握 
CSS 与 布局 相关 的 一 些 基本 概念 。 


4.3.2 网 页 中 的 框架 模型 
网 页 中 有 些 元 素 是 其 他 元 素 的 容器 ， 如 div、body、p、hl 或 其 他 输入 控件 等 ， 这 些 


第 4 章 CSS 51 


控件 本 身 就 好 比 是 一 个 箱 体 ， 将 它们 称 为 框架 模型 (或 简称 为 方 框 )。 
1. 框架 模型 的 参数 
框架 模型 是 CSS 布局 的 基石 之 一 。 框 架 模型 是 一 个 算 形 框 ， 由 元 素 内 容 (Content)、 填 


充 (Padding)、 边 框 (Border) 和 空白 边 (Margin) 等 组 成 ， 其 中 Margin、Padding、Border 又 可 
细 分 为 top、right、bottom、left 4 个 方向 ， 如 图 4.1 所 示 。 


top 
空白 边 (Hargin) 
边框 (Border) 


填充 (Padding) 
， 人 


bottom 


图 4.1 框架 模型 
网 页 布局 实际 上 就 如 同 在 仓库 中 摆 放 各 种 箱 体 一 样 ， 要 确定 箱 体 的 摆 放 顺序 ， 边 框 的 
厚度 、 边 框 内 的 间隙、 边框 外 留 的 空间 等 。 
提示 : CSS 中 所 谓 宽度 是 指 Content 的 宽度 。 而 下 4.0 及 以 前 的 版 本 与 此 定义 稍 有 区 别 
它 所 指 的 宽度 是 左右 边框 外 沿 之 间 的 宽度 。IE 7.0 版 本 与 CSS 的 定义 取得 了 一 致 。 


2. 框架 的 长 度 单位 

框架 模型 中 使 用 的 长 度 单位 主要 有 三 种 : 像素 (px)、 字 体 宽度 (em)、 百 分 数 (%)。 三 种 
单位 定义 长 度 时 各 有 利弊 。 

@ 用 像素 作为 单位 : 像素 是 与 屏幕 分 辨 率 有 关 的 单位 。 当 屏幕 的 分 辨 率 改 变 时 ， 长 
度 也 会 作 相应 的 变化 。 
@ 用 字体 宽度 作为 单位 : 这 是 一 种 与 字号 相关 的 定义 。 使 用 默认 字号 时 ，lem 是 
10px， 而 1 个 默认 字号 大 约 相当 于 16px， 所 以 lem 的 大 小 相应 于 62.5% 字 号 。 
同样 的 设置 ， 当 字号 大 小 改变 时 ， 显 示 的 长 度 将 跟随 变化 ， 使 得 字号 与 各 字 的 间 
隔 也 同步 协调 地 改变 。 
@ 百分比 作为 单位 : 表示 本 框架 占有 其 外 框架 的 比例 ， 比 如 将 本 框架 的 宽度 设 为 
25% 时 ， 代 表 本 框架 占据 外 框架 宽度 的 1/4。 当 外 框架 大 小 改变 时 ， 本 框架 的 宽 
度 也 将 自动 变化 ， 但 占据 的 比例 不 变 。 这 种 设置 能 够 适应 屏幕 大 小 的 变化 ， 这 是 
它 的 最 大 优点 。 但 是 当 浏 览 器 窗口 变 得 太 大 或 太 小 时 也 会 影响 客户 的 阅读 ， 此 时 
可 以 设置 它 的 最 大 宽度 和 最 小 宽度 (IE 5.0 或 正 6.0 不 支持 这 个 功能 )。 


3. 对 框架 定义 的 示例 
下 面 举 例 说 明 对 框架 定义 的 方法 。 
(1) 以 px 作为 单位 时 的 定义 : 
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border-top-width: 1px; 
border-right-width: Spx; 
border-bottom-width: 1l0px; 
border-left-width: 20px; 
} 
代表 P 元 素 框架 的 上 边框 宽度 为 1px， 右 边框 宽度 为 5px， 下 边框 宽度 为 10px， 左 边 
框 宽度 为 20px。 
上 述 定 义 也 可 简化 为 
了 
border-width: lpx 5px 1l0px 20px; 
} 
注意 ， 定 义 的 顺序 是 上 、 右 、 下 、 左 ， 顺 时 针 方 向 。 后 面 均 与 此 相同 。 
(2) 以 em 作为 单位 时 的 定义 : 
pi 


padding : lem 2em 3em 4em; 


} 
这 里 了 元 素 的 上 、 右 、 下 、 左 的 填充 分 别 设置 为 1、2、3、4 个 em 单位 。 
有 时 定义 中 包括 缺 项 。 例 如 : 


pi 
padding : lem 2em; 


代表 框架 的 填充 的 上 、 下 为 l em， 左右 为 2em。 
如 果 定 义 的 格式 如 下 : 
pl 
padding : lem 2em 3em; 
} 
则 表示 上 方 的 填充 为 l em， 左右 填充 为 2em， 下 面 的 填充 为 3em。 
(3) 用 百分比 作为 单位 时 的 定义 : 
#wrapper { width: 85%; } 
将 本 框架 (id ="wrapper") 的 宽度 设置 成 外 框 的 85%。 
4. 框架 的 排列 方式 
在 布局 中 框架 的 排列 方式 主要 有 三 种 :普通 流 (Float)、 相 对 定位 (Relative) 和 绝对 定位 
(Absolute)。 
1) ”普通 流 
普通 流 是 默认 情况 下 元 素 的 排列 方式 。 即 各 个 元 素 在 外 框 容器 的 范围 内 根据 输入 的 先 
后 ， 按 照 从 左 到 右 , 再 从 上 到 下 的 顺序 进行 排列 。 也 可 以 用 float: left 的 定义 直接 将 元 素 放 
置 于 左 端 : 用 float: right 的 定义 将 元 素 放置 于 右 端 。 
2) ”相对 定位 
相对 定位 (position: relative) 属 于 普通 流 中 的 一 种 特殊 情况 。 新 元 素 的 位 置 在 普通 流 的 


第 4 章 CSS 53 


基础 上 再 加 上 top 和 left 坐标 的 偏 移 量 。 
例如 图 4.2 中 的 第 三 个 元 素 利用 相对 定位 的 结果 ， 在 普通 流 的 基础 上 增加 了 (x,y) 的 偏 
移 量 (top:20px left:20px)。 


Ve 20pz 
喇 Es 


外 框 元 素 


图 4.2 相对 定位 示例 
此 时 CSS 的 定义 如 下 : 
#myBox { 
position:relative; 
left:20px; 
top:20px; 
} 
使 用 相对 定位 可 以 更 加 灵活 地 调整 元 素 的 位 置 。 但 是 不 论 元 素 如 何 移动 ， 框 架 元 素 仍 
然 保留 了 移动 前 由 普通 流 占据 的 空间 。 
3) ”绝对 定位 
绝对 定位 的 方法 比较 简单 ， 每 个 元 素 定位 的 x、y 坐标 都 是 以 外 框 的 左上 角 作 为 原点 
的 偏 移 量 。 被 绝对 定位 的 对 象 从 其 他 对 象 中 分 离 出 来 ， 它 脱离 了 文件 流 的 影响 。 同 时 ， 它 
也 不 会 影响 其 他 对 象 的 定位 ， 它 就 像 一 张 图 层 浮现 在 网 页 上 面 。 
5. 常用 的 布局 类 型 


网 页 中 常用 的 布局 有 以 下 三 种 类 型 ， 每 个 类 型 都 可 以 分 为 上 、 中 、 下 三 行 。 

@ 。 上面 一 行 通常 为 页 眉 (HeadeD: 页 眉 中 主要 包括 网 页 的 标志 、 一 些 主 菜单 等 。 

@ 中间 一 行 通常 为 内 容 (Content): 中 间 是 网 页 的 主题 内 容 ， 根 据 需要 可 能 被 划分 为 
1 列 、2 列 或 3 列 ， 或 其 他 几 种 不 同 的 情况 。 

@ 下面 一 行 通常 为 页 脚 FooteD: 主要 包括 网 页 发 布 的 日 期 、 版 权 等 相关 事项 。 

几 种 常用 的 布局 情况 如 图 4.3 所 示 。 


1 2 3 


用 | | 


4.3 几 种 常用 的 布局 
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4.3.3 利用 ASP.NET 3.5 的 工具 进行 布局 


下 面 将 通过 一 个 典型 的 示例 来 讲解 利用 ASP.NET 3.5 的 工具 进行 布局 的 方法 。 本 例 
是 利用 CSS 进行 三 行 、 三 列 的 布局 ( 见 图 4.4)。 其 步骤 如 下 。 
(1) 用 div 标记 划分 出 页 眉 、 内 容 、 页 脚 三 行 ， 如 图 4.4 所 示 。 


ody> 


form id="foral” runat="server ”> 
{iy 
页 眉 十 
Waivy 
div> 
内 容 十 
Ydiv) 
Adiv) 
页 县 十 
Vr) 
forn> 
Whody> 


4.4 利用 CSS 布局 三 行 


(2) 选择 页 由 的 <div> 标 记 后 ， 转 向 【设计 】 视 图 。 打 开 【 管 理 样式 】 对 话 框 ， 选 择 
【新 建 CSS】 项， 打开 【新 建 样式 】 对 话 框 ， 如 图 4.5 所 示 。 


给 选择 吴 取 各 选择 应 用 的 文档 
过 所 四。 | oa E 问 本 村 用 于 区 和 下 容 下 ] 
定义 位 置 @@) :| 当前 网 页 ~ ww 


预览 


慌 软 卓越 AaBbCc 


说 明 : 


[至 [LL 驶 [一 ] 


图 4.5 【新 建 样式 】 对 话 框 


窗口 的 左边 有 九 大 项 ， 右 边 是 各 大 项 的 子 项 ， 可 以 在 各 种 子 项 的 下 拉 菜 单 中 选择 对 应 
的 值 。 首 先 在 上 方 给 选择 器 取 名 (这 里 使 用 类 名 .topStylel)， 并 选择 右边 的 选项 ， 表 明 此 选 
择 器 与 前 面 选择 的 标记 (div) 连 接 。 也 可 以 在 这 里 不 选 此 复 选 框 ， 以 后 通过 HTML 标记 再 
进行 连接 。 

G) 选择 左边 的 【定位 】 选 项 ， 打 开 相 应 的 对 话 框 ， 如 图 4.6 所 示 。 


6 


柚 软 卓 正 AaBbCc 


说 明 F hE 


| 


图 4.6 ”利用 【定位 】 选 项 确定 宽度 (width) 与 高 度 (height) 

在 这 个 对 话 框 中 ， 将 宽度 (width) 设 为 00%， 高 度 (height) 设 置 为 120px。 注 意 这 里 选择 
了 不 同 的 长 度 单位 。 高 度 在 这 里 也 可 以 不 设 ， 待 回 到 【设计 】 界 面 后 再 用 鼠标 直接 拖 动 来 
确定 。 

(4) 选择 左边 的 【 方 框 】 项 ， 打 开 相应 的 对 话 框 。 这 里 的 方 框 就 是 前 面 讲述 的 框架 模 
型 ， 如 图 4.7 所 示 。 


达 择 器 人): | topStylel ~ 回 将 新 祥 式 应 用 于 文档 选择 内 容 ) 
定义 位 置 @@): | 当前 网 页 > wo 
关 别 (C) 
和 padine” 回 全 部 相同 merzin” 口 ] 全 部 相同 
-本 to | top: 司 赔 区 
边 洽 right 到 right: [eate 加 EE 
定位 bott om 了 bottom 本 | 本 | mx 
六 局 et E ET] 司 向 匠 
列表 
表格 cs 旋 模 天 汝 : 
op 
es | 
cr | 
- ~ 
1 
re | 
Baem 
预 史 
微软 卓越 AaBbCc 
说 明 醒 ON heieht” 120px, mureinrieht. aato werein-1eft wato 
确定 取消 应 用 @) 


图 4.7 利用 【 方 框 】 选 项 确定 元 素 的 框架 模型 
在 这 个 对 话 框 中 可 以 设置 框 体 的 内 填充 (padding) 和 外 空白 边 (margin)。 默 认 情 况 下 它 
们 的 四 周 都 设置 相同 的 值 。 如 果 想 设置 成 不 同 的 宽度 时 ， 先 要 取消 选中 【全 部 相同 】 复 选 
框 。 在 这 里 取消 了 margin 项 中 【全 部 相同 】 的 选择 ， 并 将 其 中 的 right 和 left 属性 均 选 用 
auto。 这 是 一 项 重要 的 技巧 ， 这 样 设置 的 结果 ， 可 以 保证 元 素 在 左右 方向 上 居中 。 
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(5) 为 了 显示 设置 的 结果 ， 可 以 为 元 素 设置 相应 的 边框 。 为 此 选择 左边 的 【边框 】 选 
项 ， 打 开 相 应 的 对 话 框 ， 如 图 4.8 所 示 。 


考 建 拜 式 x 
选 笃 器 E) topStylel ~ 思 格 新 样式 应 用 于 文档 选 磅 内 容 ) 

定义 位 置 中 ): | 当 前 同 页 ~ ww 

El 

字体 bor der—width: border—color: 

- 回 全 部 相同 加 全 部 相同 

育 二 [™ EE am 局 

人 本 | 一 

方 栓 cs | 民 

定位 thin [px #0000FF 

布局 

be E | 

表格 
E73 

微软 卓越 AaBbCc 
说 明 ; Midth. 308， heieht. 120px. wm ri wato; inleft. euto, border. thin solid 
er 
请 十 取 栅 [Caw ] 


图 4.8 利用 【边框 】 选 项 设 定 边框 
将 边框 的 样式 (border-style) 选 为 实 线 (solid); 将 实 线 的 宽度 (border-widtb) 设 置 为 细 线 
(thin); 将 边框 的 颜色 (border-color) 设 置 为 蓝 色 (#0000FF)。 
设置 内 容 层 和 页 脚 层 的 方法 与 前 面 设 置 页 眉 时 大 致 相同 ， 只 是 设置 的 具体 数据 稍 有 区 
别 而 已 。 设 置 的 方法 这 里 不 再 重复 。 设 置 的 结果 如 图 4.9 所 示 。 


4.9 三 行 设置 完 后 的 显示 界面 


设置 后 再 打开 网 页 的 【 源 】 视 图 时 ， 可 以 看 出 经 过 前 面 的 设置 ，CSS 已 经 定义 ， 各 
div 标记 已 经 通过 属性 中 的 类 (Class) 与 定义 连接 。CSS 的 定义 如 下 。 
<head> 
<style type="text/css"> 
.topstylel 
{ 
width: 90%; 
height: 120px; 
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margin-right: auto; 
margin-left: auto; 
border: thin solid #0000FF; 
} 
.middlestylel 
{ 
width: 90%; 
height: 466px; 
margin-right: auto; 
margin-left: auto; 
border: thin solid #0000FF; 
margin-top: 3px; 
a 
-bottomstylel 
和 
width: 90%; 
height: S50px; 
margin-right: auto; 
margin-left: auto; 
border: thin solid #0000FF; 
margin-top: 3px; 


} 


</style> 

</head> 

<body> 
<form id="forml" runat="server"> 
<div class="topSstylel"> 


</div> 
<div class="middlestylel"> 


</div> 
<div class="bottomstylel"> 


</div> 
</form> 

</body> 

如 果 想 修改 CSS 的 定义 ， 可 以 选用 下 列 办 法 之 一 。 

®@ 直接 修改 CSS 定义 中 的 代码 。 

e@ 在 样式 管理 器 中 右 击 选择 器 名 ， 在 弹出 的 快捷 菜单 中 选择 【修改 样式 】 命 令 ， 然 

后 在 弹出 的 对 话 框 中 改变 设置 。 

(6) 在 内 容 行 中 划分 出 三 列 。 

为 了 将 一 行 划 分 成 多 列 并 且 将 各 列 放 到 适当 的 位 置 ， 应 注意 框架 排列 的 方式 。 比 如 分 
成 两 列 时 ， 一 个 靠 左 (float: left)， 另 一 个 靠 右 (float: righb 即 可 。 划 分 成 三 列 时 ， 一 个 靠 左 
(float: left)， 另 一 个 靠 右 (float: right)， 中 间 留 出 足够 的 空间 ， 让 中 间 列 去 自动 填 满 。 划 分 
成 4 或 5 列 时 可 采用 2+2 或 2+3 的 办 法 ， 其 他 情况 以 此 类 推 。 

下 面 介绍 划分 三 列 的 设计 方法 。 先 将 “内 容 ” 行 划分 成 左 、 右 、 中 间 三 列 ， 如 
图 4.10 所 示 。 
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<form id="forml" runat—="server"> 
<div dlass="top Style1"> 


页 履 一 | 


</div> 


— <div dass="middleStyle1"> 
<div class="m_leftstyle1"> 


—</div> 

<div class="m_rightstylel"> 
内 容 一 | 吉 列 
jdiv> 

<div class="m_centerStyle1"> 
中 间 列 


Cdiv> 


<fdiv> 
<div dass="bottomStyle1"> 


页 脚 一 | 


</div> 
</form> 


4.10 利用 CSS 给 中 间 行 划分 成 三 列 


利用 ASP.NET 3.5 布局 的 过 程 与 前 面相 似 ， 在 定义 左 列 时 选用 【布局 】 项 后 ， 在 float 
下 拉 列 表 框 中 选择 left ( 靠 左 )， 如 图 4.11 所 示 。 


Eee 画 
补 义 位 置 十 辣 击 mL 
类别 
Pa visibility: | overflow: = 
涯 雏 pl 可 a 
过 窒 ot er ~ to 
方 杠 和 
le i 
rser 司 wie 
pe lef 


EEC 


CL Wn] eR ) 


图 4.11 利用 【布局 】 选 项 使 元 素 靠 左 摆 放 

在 定义 右 列 时 选用 【布局 】 项 后 ， 在 float 下 拉 列 表 框 中 选择 right ( 靠 右 )。 定 义 中 间 
列 时 不 定义 宽度 ， 也 不 定位 ， 让 它 自动 填 满 剩余 空间 。 

注意 代码 的 顺序 。 由 于 前 面 代码 的 顺序 是 先 安排 左 列 ， 再 安排 右 列 ， 最 后 才 安排 中 间 
列 ( 见 图 4.10)， 因 此 ， 在 左 、 右 两 列 的 宽度 已 经 确定 的 情况 下 ， 中 间 列 不 需要 确定 宽度 就 
会 按照 框架 模型 自动 填补 剩余 空间 。 如 果 代 码 的 顺序 有 所 改变 时 ， 中 间 列 的 宽度 也 应 该 确 
定 具体 值 。 

上 述 设 置 后 的 CSS 代码 如 下 。 


-m leftstylel 
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{ 
width: 24%; 
float: left; 
border: thin solid #0000FF; 
height: 460px; 
4 
-m rightstylel 


width: 20%; 
float: right; 
border: thin solid #0000FF; 
height: 460px; 
站 
-m centerstylel 


border: thin solid #0000FF; 
height: 460px; 
} 


4.3.4 ”对 内 容 溢出 的 处 理 
由 于 有 的 网 页 内 容 始终 处 于 动态 变化 之 中 ， 因 此 很 可 能 出 现 元 素 内 容 超出 其 外 框 的 情 


况 


对 于 这 种 情况 如 果 不 作 适 当 处 理 ， 内 容 将 会 冲破 外 框 ， 从 而 打 乱 整个 布局 。 


CSS 中 的 overflow 是 一 个 非常 重要 的 属性 ， 利 用 它 可 以 非常 方便 地 处 理 各 种 溢出 情 
况 。 该 属性 允许 对 溢出 采用 5 种 不 同 的 处 理 方式 。 


hidden: 将 超出 部 分 自动 隐藏 。 

visible: 超出 部 分 继续 显示 。 

scroll: 在 外 框 中 生成 上 、 下 拖 动 条 和 左 、 右 拖 动 条 ， 人 允许 利用 拖 动 来 显示 超出 
部 分 。 

auto: 当 内 容 超 出 外 框 时 ， 自 动 生成 上 、 下 或 左 、 右 拖 动 条 。 人 允许 用 拖 动 方法 显 
示 超 出 部 分 。 

inherit: 继承 父 元 素 的 设置 。 


为 了 防止 溢出 ， 在 可 能 溢出 的 外 框 中 ， 应 该 设置 CSS 的 overflow 属性 。 可 以 直接 在 
CSS 定义 中 编写 代码 。 例 如 上 面 的 “中 间 列 ”( 选 择 器 为 .m_centerStylel) 中 可 能 出 现 溢 
出 ， 此 时 的 CSS 的 定义 如 下 。 


-m centerstylel 


{ 
border: thin solid #0000FF; 
height: 460px; 
overflow: auto; 


} 


也 可 以 利用 前 面 的 工具 进行 设置 ， 方 法 是 : 先 选择 【布局 】 选 项 ， 然 后 在 overflow 下 
拉 列 表 框 中 选择 对 溢出 的 处 理 方式 。 
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44 小 结 


CSS 是 HTML 的 发 展 和 补充 ， 目 前 已 经 成 为 各 类 浏览 器 的 共同 标准 。CSS 具有 很 强 
的 表现 力 ， 利 用 它 设计 网 页 外 观 可 以 使 网 页 变 得 更 加 美观 ， 并 为 DHTML( 第 5 章 讲述 ) 呐 
定 了 基础 。 更 为 重要 的 是 ， 它 使 网 页 内 容 与 外 观 代码 分 离 ， 使 代码 的 结构 变 得 更 加 清晰 ， 
有 利于 代码 的 重用 。 

CSS 的 定义 有 两 种 形式 : 内 联 方式 与 链接 方式 。 其 中 以 链接 方式 为 主 ， 链 接 时 各 元 素 
通过 选择 器 与 CSS 定义 相连 。 内 联 方式 时 将 CSS 的 定义 直接 写 在 元 素 内 部 的 属性 中 ， 这 
种 方式 是 链接 方式 的 必要 补充 。 

框架 模型 以 及 它 的 排列 方式 是 CSS 布局 的 两 个 重要 基础 。 框 架 的 排列 方式 主要 有 三 
种 : 普通 流 、 相 对 定位 与 绝对 定位 。 三 种 方式 各 有 不 同 的 特点 ， 分 别 适 用 于 不 同 的 场合 。 
必须 搞 清 它们 的 概念 ， 并 反复 实践 才能 真正 掌握 。 


4.5 习 题 
1. 填空 题 
(1) CSS 全 称 为 ， 一 般 称 为 层 司 样式 表 或 级 联 样式 表 。 简 单 
说 ，CCS 就 是 一 组 用 来 控制 网 页 的 属 性 。 
(2) 在 网 页 中 引用 外 部 的 CSS 文件 时 的 语句 是 
<link rel=" " type= " "” href="CSS 文 件 名 .css" /> 
(3) 框架 模型 的 长 度 单位 主要 有 三 种 。 


(4) 用 CSS 布局 的 方 框 模型 中 margin 代表 图 4.12 的。 部 分 空间 。 
(5) 用 CSS 布局 的 方 框 模型 中 padding 代表 图 4.12 的 部 分 空间 。 


图 4.12 习题 图 
(6) 用 CSS 布局 时 ， 元 素 排列 的 方式 主要 有 三 种 ， 它 们 是 . 、 


2. 选择 题 
在 CSS 的 overflow 属性 中 ，visible 代表 . ，hidden 代表 ，sScroll 代 
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，auto 代表 ; 

A. 生成 拖 动 条 B. 显示 

C. 超出 范围 时 自动 生成 拖 动 条 D. 隐藏 
3. 判断 题 


(1) 为 了 实现 内 容 与 外 观 代码 分 离 CSS 应 以 链接 方式 为 主 。 
(2) CSS 的 定义 有 了 链接 方式 不 再 需要 内 联 方式 。 


(3) 利用 CSS 布局 时 相对 定位 与 绝对 定位 方式 只 是 坐标 的 原点 不 同 。 


(4) 利用 CSS 布局 时 普通 流 与 相对 定位 之 间 没 有 联系 。 

(5) 利用 CSS 布局 时 普通 流 与 绝对 定位 之 间 没 有 联系 。 

4. 简 答题 

(1) CSS 有 哪些 特点 ? 

(2) 使 用 CSS 的 方法 有 几 种 ? 每 种 方法 的 思路 和 步骤 是 什么 ? 
(3) 用 CSS 布局 的 方 框 模型 中 margin 的 作用 是 什么 ? 

(4) 用 CSS 布局 的 方 框 模型 中 padding 的 作用 是 什么 ? 

5. 操作 题 

利用 CSS 对 网 页 进行 布局 。 要 求 : 

(1) 页 面 分 三 行 ， 中 间 行 分 三 列 。 


(2) 内 容 在 左右 方向 上 居中 ， 并 能 随 整个 网 页 面积 的 改变 自动 升 缩 。 


(3) 内 容 既 包括 文本 又 包括 图 片 (图 片 应 有 边框 和 边框 的 内 外 间隙 )。 
(4) 能 够 自动 处 理 内 容 溢出 的 问题 。 


一 一 一 一 一 
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第 5 章 动态 HTML 技术 


动态 HTML 技术 又 称 为 DHTML 技术 ， 利 用 这 个 技术 可 以 使 下 载 后 网 页 中 的 元 素 动 
起 来 ， 从 而 增强 网 页 的 生动 性 并 增强 网 页 的 功能 。 

本 章 将 要 介绍 的 主要 内 容 包括 : 

@ 动态 HIML 的 基本 理论 。 

@ JavaScript 语言 。 

@ DHTML 的 应 用 示例 。 


5.1 动态 HTML 的 基本 理论 


5.1.1 DHTML 基本 概念 

1. DHTML 的 引入 

在 早期 的 Intemet 体系 中 ， 网 页 运行 的 主要 方式 只 是 文本 发 布 。 服 务 器 将 文本 、 图 像 
嵌 在 HTML 标记 中 传送 给 浏览 器 ， 浏 览 器 解读 后 按 HTML 标记 的 定义 显示 数据 。 在 这 
里 ， 服 务 器 提供 数据 ， 浏 览 器 显示 数据 。 网 页 的 内 容 和 形式 在 服务 器 发 出 时 已 经 确定 ， 浏 
览 器 下 载 后 不 能 再 行 改变 ， 如 果 想 改变 网 页 上 某 些 元 素 的 表现 形式 ， 例 如 想 改 变 某 个 元 素 
的 底 色 ， 也 只 有 重 载 这 张 网 页 ， 以 便 启动 服务 器 提供 的 服务 。 

这 是 一 种 静态 关系 ， 但 这 种 静态 关系 对 于 初期 的 应 用 来 说 矛盾 并 不 太 大 ， 因 为 初期 使 
用 网 页 的 多 数 是 一 些 科学 工作 者 ， 他 们 中 的 大 多 数 只 是 浏览 网 页 中 的 内 容 ， 对 网 页 的 表现 
形式 并 不 十 分 注重 。 随 着 网 站 应 用 领域 的 扩大 ， 对 网 页 的 交互 和 动态 方面 的 要 求 越 来 越 
高 ， 静 态 网 页 已 经 远 远 不 能 满足 客观 的 需要 。 

动态 网 页 的 出 现 ， 适 应 了 形势 发 展 的 需要 ， 是 网 页 设计 的 重大 突破 。 动 态 网 页 技术 包 
括 服务 器 端 和 浏览 器 端 两 个 方面 。 

1) ”服务 器 端的 动态 技术 

为 了 实时 响应 客户 要 求 ， 及 时 更 换 网 页 内 容 ( 例 如 更 换 数 据 库 记录 等 )， 产 生 了 服务 器 
端 动态 技术 。 从 CGI、ASP、JSP 一 直到 现在 的 ASPNET 和 Java/J2EE， 服 务 器 端 动态 技 
术 有 了 很 大 的 发 展 ， 这 部 分 是 后 面 的 章节 中 将 要 重点 介绍 的 内 容 。 

2) DHTML 技术 

浏览 器 端的 动态 技术 又 称 DHTML， 它 是 Dynamic HTML( 动 态 HTML) 的 缩写 。 
DHTML 技术 近 几 年 来 发 展 也 很 快 。 它 的 设计 思想 是 : 浏览 器 从 服务 器 端 下 载 文档 后 ， 利 
用 浏览 器 本 身 的 资源 ， 在 不 增加 服务 器 负担 和 网 上 传输 流量 的 前 提 下 ， 使 网 页 的 某 些 元 素 
“ 动 ” 起 来 。 

2. DHTML 是 一 项 综合 技术 


DHTML 不 是 一 种 单一 的 技术 ， 而 是 多 项 技术 的 综合 。 在 浏览 器 对 象 模型 (DOM) 的 基 
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础 上 ， 包 括 HIML、CSS、 事 件 、 脚 本 等 技术 。 其 中 HTML、CSS 主要 用 于 控制 元 素 对 象 
的 属性 。 事 件 与 脚本 相 结合 主要 用 于 控制 元 素 对 象 的 行为 。 通 过 这 些 技术 可 以 改变 网 页 元 
素 的 以 下 几 个 方面 。 

@ 动态 内 容 (Dynamic Content): 动态 地 增加 、 删 除 和 修改 文本 、 图 形 。 例 如 ， 光 标 

通过 图 片 时 ， 图 片 自动 进行 切换 等 。 

@ 动态 样式 (Dynamic Style): 动态 改变 文本 、 图 像 的 样式 。 如 改变 它们 的 字体 、 颜 

色 等 。 
@ ”动态 定位 (Absolute Positioning): 将 事件 、 脚 本 、CSS 等 技术 相 结合 可 以 改变 元 
素 的 位 置 。 

除 此 之 外 ，DHTML 还 是 一 个 开放 型 的 系统 ， 它 将 ActiveX、 动 态 Firework、Flash、 
Java Applet 等 一 些 成 熟 的 多 媒体 技术 集成 在 一 起 ， 从 而 把 原来 静态 、 呆 板 的 网 页 变 成 一 个 
丰富 多 彩 的 艺术 品 。 

值得 再 次 强调 的 是 ， 通 过 DHTML 技术 使 网 页 元 素 由 静态 转变 为 动态 ， 是 依靠 浏览 器 
本 身 的 资源 来 完成 的 ， 它 既 没 有 增加 服务 器 的 负担 ， 也 没有 加 重 网 络 上 信息 的 传输 容量 。 


5.1.2 DOM 
1. DOM 概述 


DOM(Document Object Model， 文 档 对 象 模型 ) 是 DHTML 的 基础 。 

什么 是 DOM? DOM 是 W3C 制定 的 标准 ， 已 为 Internet Explorer 4.0、Netscape 4.0 及 
以 后 各 种 版 本 的 浏览 器 所 接受 。 按 照 这 个 标准 ， 浏 览 器 端 接收 的 各 类 网 页 元 素 ， 不 仅仅 只 
是 一 种 显示 格式 ， 更 是 一 个 个 “对 象 ”。 就 是 说 ， 每 个 网 页 元 素 ( 对 象 ) 都 有 自己 的 属性 和 
行为 。 通 过 对 这 些 属性 和 行为 的 控制 可 以 改变 它们 的 状态 和 动作 。 

整个 DOM 是 一 种 由 对 象 组 成 的 层次 结构 ， 就 像 一 棵 倒立 的 树 ( 树 根 在 上 )， 这 棵 树 就 
称 为 文档 对 象 模 型 (DOM)。 各 类 浏览 器 的 DOM 结构 稍 有 不 同 ，Internet Explorer 4.0 的 


DOM 结构 如 图 5.1 所 示 。 
window history 
navigator 
上 location 


! all 
一 anchors 
Lf Links 
Lforns [elenent ] body 
button checkbox 


5.1 Internet Explorer 4.0 的 DOM 结构 
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在 这 个 层次 模型 中 ， 每 个 对 象 都 是 它 父 对 象 的 属性 。 例 如 ，window 对 象 是 document 
对 象 的 父 对 象 ， 所 以 在 引用 document 对 象 时 使 用 window.document。 在 这 里 ，document 
对 象 就 相当 于 window 对 象 的 属性 。 

对 于 每 一 个 网 页 ， 浏 览 器 都 会 自动 创建 window 对 象 、document 对 象 、location 对 
象 、navigator 对 象 和 history 对 象 。 基 于 这 个 层次 结构 ， 还 可 以 创建 其 他 对 象 。 对 于 某 个 
对 象 的 属性 ， 有 时 需要 通过 对 象 的 完整 路 径 来 引用 。 

window 对 象 在 层次 中 位 于 最 高 一 层 ， 具 有 唯一 性 ， 浏 览 器 中 的 所 有 内 容 ， 包 括 页 面 
及 其 他 浏览 器 中 设置 的 信息 都 存放 在 window 对 象 或 者 它 的 子 对 象 中 。 一 般 情况 下 ， 所 有 
的 脚本 操作 都 是 假定 在 当前 窗口 中 进行 的 ， 所 以 调用 window 对 象 的 方法 时 或 者 引用 
window 的 属性 时 ， 可 以 省 略 window 对 象 的 引用 。 例 如 ，window.alert0 可 以 简写 为 
alert0，window.document.write0 可 以 简写 为 document.writeO 。 

2. window 对 象 的 属性 和 方法 

只 要 浏览 器 窗口 打开 ， 即 使 还 没有 加 载 任何 页 面 ， 也 会 自动 建立 window 对 象 。 

1) window 对 象 的 属性 

(1) closed 和 opener 属性 

通过 window 对 象 的 closed 属性 可 以 判断 一 个 窗口 是 否 已 经 被 关闭 。 在 很 多 情况 下 ， 
这 种 判断 是 必要 的 ， 因 为 如 果 一 个 窗口 已 被 关闭 ， 需 要 完成 一 些 不 同 的 操作 。 而 如 果 一 个 
窗口 是 通过 open0 方 法 打开 的 ， 那 么 ， 在 opener 中 存放 的 是 所 打开 的 它 的 父 窗口 ， 通 过 
opener 属性 可 以 来 操纵 它 的 父 窗口 。 当 一 个 窗口 打开 另 一 个 窗口 后 ， 子 窗口 只 能 通过 
opener 属性 和 父 窗口 发 生 联 系 ， 父 窗口 只 能 通过 open0 方 法 的 返回 值 和 子 窗口 发 生 联系 ， 
这 两 个 相关 窗口 之 间 就 这 样 实现 “ 互 操 作 ”。 

例如 ， 通 过 opener 属性 可 以 获取 父 窗口 的 属性 信息 ， 下 面 的 语句 可 以 显示 父 窗口 的 
名 称 。 

alert (opener .name) 7 

下 面 的 语句 可 以 判断 一 个 窗口 的 父 窗 口 是 否 已 经 被 客户 关闭 。 

if (window.opener.closed) { 

父 窗口 已 经 被 关闭 ， 进 行 相应 的 处 理 

i { 

父 窗口 还 没有 被 关闭 ， 进 行 相应 的 处 理 

} 

(2) defaultStatus 和 status 属性 

defaultStatus 属性 的 值 是 在 浏览 器 窗口 下 面 的 状态 栏 中 默认 的 显示 信息 ，status 属性 是 
状态 栏 中 当前 显示 的 信息 。 

(3) document、history 和 location 属性 

window 的 document 属性 、history 属性 、location 属性 就 是 文档 对 象 模型 的 document 
对 象 、history 对 象 、location 对 象 ， 两 者 是 一 致 的 。 
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2) ”window 对 象 的 方法 

(1) open0 和 close() 方 法 

使 用 open0 方 法 能 够 打开 一 个 窗口 ， 并 且 还 能 指定 窗口 的 显示 风格 。open0 方 法 将 返 
回 对 窗口 的 引用 ， 包 含 三 个 参数 : 页面 地 址 、 窗 口 名 称 、 窗 口 风 格 。 
在 窗口 风格 中 可 以 用 yes 或 no 来 指定 浏览 器 是 否 拥 有 工具 栏 (toolbar)、 地 址 栏 
(location)、 目 录 图 标 (directory)、 状 态 栏 (status)、 菜 单条 (menubar)、 演 动 条 (scrollbar) 等 。 
在 窗口 风格 中 还 可 以 指定 窗口 的 宽 (width) 和 高 (height)。 

使 用 close 0 方法 可 以 关闭 一 个 窗口 。 

(2) alert (字符 串 )、confirm (字符 串 ) 和 prompt (字符 串 ， 默 认 值 方法 

在 JavaScript 编写 的 脚本 中 ， 常 使 用 这 三 种 方法 和 客户 进行 交互 。 其 中 : 

alert0 方 法 用 于 弹出 警告 框 ， 在 警告 框 中 显示 字符 串 。 

confirm() 方 法 用 于 弹出 确认 框 ， 在 确认 框 中 显示 字符 串 。 例 如 : 

if (confirm("Are you sure to submit ? ")) { 


执行 表单 的 提交 数据 工作 
| 


prompt0 方 法 用 来 弹出 输入 框 ， 框 内 有 默认 值 ， 输 入 框 上 面 有 提示 用 的 字符 串 。 例 如 : 
Var n name = prompt ("Type in your name Please: ", "wang"); 


语句 Type in your name please 是 输入 框 上 面 的 提示 ，wang 是 默认 值 。 当 在 输入 框 中 
输入 新 值 并 且 单 击 OK 按钮 时 ， 将 把 输入 的 值 赋 给 变量 n_ name。 

3. document 对 象 

document 对 象 代表 当前 整个 网 页 ， 在 document 对 象 中 存储 着 当前 页 面 的 一 些 信息 ， 
包括 页 面 的 前 景 颜色 和 背景 颜色 ， 也 包括 页 面 中 的 表单 、 锚 标 、 图 像 等 对 象 。 通 过 
document 对 象 ， 还 可 以 向 页 面 中 动态 添加 文本 以 及 各 种 标记 。 

1) ”document 对 象 的 属性 

document 对 象 的 属性 非常 丰富 ， 下 面 分 类 简要 介绍 一 下 。 

(1) bgColor、feColor、linkColor、alinkColor 和 vlinkColor 属性 

属性 都 是 用 于 颜色 设置 。 其 中 bgColor 是 网 页 背景 的 颜色 ，fgColor 是 网 页 内 文本 (前 
景 ) 的 颜色 ，linkColor 是 超 链接 字符 串 的 颜色 ，alinkColor 是 单 击 超 链接 时 的 颜色 ， 
VlinkColor 是 已 经 访问 过 的 超 链接 的 颜色 。 

这 里 的 颜色 都 要 以 0xrrggbb 形式 表示 。 其 中 0x 代表 十 六 进 制 ，rr 代表 红色 的 深浅 程 
度 ，gg 代表 绿色 的 深浅 程度 ，bb 代表 蓝 色 的 深浅 程度 。 其 范围 为 00 一 企 。 其 他 颜色 都 由 
这 三 种 颜色 组 合 而 成 。 例 如 设置 红色 时 用 0xff0000 表示 。 

(2) title 属性 

title 是 页 面 标题 ， 也 就 是 在 HTML 中 <TITLE> 标 记 中 设置 的 标题 ， 可 以 使 用 以 下 代码 
设置 它 。 


document .title = "Shopbag"; 
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(3) anchors、applets、forms、images 和 frames 属性 

属性 是 用 来 存放 对 象 的 数组 。 网 页 中 所 有 超 链接 都 存放 在 anchors[ ] 数 组 中 ; 所 有 
Java Applet 都 存放 在 applets[ ] 数 组 中 ; 所 有 表单 都 存放 在 forms[ ] 数 组 中 ;所 有 图 像 都 存 
放 在 images[ ] 数 组 中 ， 所 有 框架 都 存放 在 frames[ ] 数 组 中 。 

利用 数组 可 以 引用 数组 内 的 对 象 。 例 如 用 document.forms[0] 来 引用 第 一 个 表单 对 象 。 

2) ”document 对 象 的 方法 

(1) write 0 和 writeln (方法 

write 0 方法 用 于 向 网 页 内 写 入 文本 或 者 标记 。writeln 0 方法 的 作用 与 write0 相 同 ， 不 
同 之 处 是 后 面包 括 一 个 换行 符 ( 回 车 )。 不 过 这 个 换行 符 HTML 并 不 认识 ， 要 想 在 HTML 
中 换行 ， 还 需要 用 write 0 或 writeln 0 方法 写 入 <BR> 这 个 HTML 中 的 换行 标记 。 

(2) open0 和 close( 方 法 

open() 方 法 用 于 打开 一 个 新 文档 ，close0 方 法 用 来 关闭 当前 文档 。 通 常情 况 下 要 求 使 
用 write0 或 writeln0 方 法 前 先 用 open0 方 法 打开 文档 ， 写 完 以 后 用 close0 方 法 关闭 ， 以 保 
护 文档 的 安全 。 

4. location 对 象 

在 JavaScript 中 ， 当 前 浏览 器 访问 页 面 的 URL 地 址 存放 在 location 对 象 中 ， 使 用 
location 对 象 ， 可 以 对 这 个 URL 进行 分 析 ， 并 将 浏览 器 引导 到 指定 地 址 。 

1) location 对 象 的 属性 

假定 有 一 个 这 样 的 URL 地 址 : 


http://www.myset.com.cn:80/welcom/index.htm#section2?id=3 


其 中 协议 名 称 为 htp， 主 机 名 为 www.myset.com.cn， 端 口号 为 80， 页 面 地 址 为 
welcom/index.htm， 在 这 个 网 页 内 有 一 个 锚 标 ， 名 称 为 section2。 使 用 location 对 象 能 够 分 
析 这 个 URL 地 址 的 各 个 部 分 。 

(1) protocol 属性 

protocol 属性 指明 了 通信 的 协议 。 在 网 页 中 通常 都 是 采用 http， 除 此 之 外 ， 还 有 ftp 和 
gopher 协议 。 

(2) host 属性 

host 属性 指明 了 页 面 所 在 Web 服务 器 的 主机 名 称 ， 可 以 是 域名 ， 也 可 以 是 下 地 址 。 

(3) port 属性 

port 属性 指明 了 服务 器 通信 的 端口 号 ， 一 般 在 URL 中 不 注 明 ， 默 认 情况 下 这 个 端口 
号 是 80。 

(4) pathname 属性 

pathname 属性 指明 了 页 面 在 服务 器 上 的 路 径 以 及 页 面 文件 的 名 称 。 

(5) hash 属性 

如 果 页 面 需 要 跳 转 ， 在 URL 地 址 中 将 包括 锚 标 ， 以 便 跳 转 到 指定 的 部 分 。 此 时 可 以 
利用 hash 属性 获得 页 面 跳 转 的 锚 标 的 信息 。 

(6) search 属性 

在 URL 后 的 问号 后 面 常 有 一 些 信息 (如 上 例 中 的 ?id=3)。 这 个 信息 是 提交 到 服务 器 上 
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进行 搜索 的 信息 。 

(7) hostname 属性 

hostname 属性 将 host 属性 与 port 属性 结合 在 一 起 ， 既 包括 主机 名 ， 又 包括 主机 端口 
号 ， 主 机 名 与 端口 之 间 用 冒号 (:) 分 隔 。 

(8) href 属性 

href 属性 提供 整个 URL 地 址 ， 这 个 属性 将 上 面 几 个 属性 信息 结合 在 一 起 。 

2) location 对 象 的 方法 

使 用 location 对 象 的 方法 能 够 对 页 面 进行 刷新 ， 或 者 将 页 面 引 导 到 另外 一 个 URL 
地 址 。 

(1) assign(URL 地 址 ) 方 法 

利用 assign0 方 法 可 以 将 页 面 引导 到 男 一 个 URL 地 址 。 例 如 : 


location.assign ("http://www.myset2_ com.cn/index.htm") 


将 页 面 引导 到 www.myset2_com.cn/index.htm 中 去 。 
(2) reload0 方 法 
reload0 方 法 用 于 对 网 页 全 面 刷新 。 例 如 定义 一 个 按钮 ， 其 功能 就 是 对 网 页 进行 刷新 。 


<INPUT TYPE="button" VALUE="RELOAD" OnClick="location.reload()"> 


(3) replace(URL 地 址 ) 方 法 

replace0) 方 法 可 以 用 新 的 URL 地 址 取代 当前 页 面 ， 它 与 assign0 方 法 的 不 同 之 处 在 
于 ，assign0 是 将 页 面 导航 到 另外 一 个 页 面 ， 单 击 【 后 退 】 按 钮 时 还 能 返回 原来 的 页 面 ， 
而 使 用 replace0 方 法 则 是 用 另 一 个 页 面 取代 当前 页 面 ， 不 能 用 【后 退 】 按 钮 返回 。 


5.2 ” ”JavaScript 语言 


5.2.1 JavaScript 语言 简介 


JavaScript 是 由 Netscape 公司 开发 的 一 种 解释 型 语言 ， 作 为 一 种 脚本 语言 可 以 直接 嵌 
入 到 HTML 页 面 中 ， 和 HTML 紧密 地 结合 在 一 起 。JavaScript 既 可 在 浏览 器 又 可 在 服务 器 
端 解释 执行 ， 而 当前 的 主要 浏览 器 Netscape Navigator 完全 支持 JavaScript 语言 。Internet 
Explorer 也 支持 一 种 与 JavaScript 极为 近似 的 JScript 语言 。 因 此 JavaScript 已 经 成 为 各 类 
浏览 器 的 通用 语言 。 

JavaScript 是 一 种 基于 面向 对 象 和 事件 驱动 (Event Driver) 的 跨 平台 的 脚本 语言 ， 现 在 
ASPNET 已 经 将 它 改 造成 JavaScriptNET， 成 为 完全 面向 对 象 的 语言 。 但 是 为 了 能 够 在 各 
种 浏览 器 中 通用 ，JavaScriptNET 与 原来 的 JavaScript 完全 兼容 。 


5.2.2 ” JavaScript 的 基本 用 法 
1. JavaScript 的 基本 语法 
JavaScript 的 语法 与 C 或 C++ 语言 近似 。 其 具有 如 下 特点 。 


68 ASPNET Web 开发 教程 


@ 命令 、 函 数 名 、 变 量 名 都 区 分 大 小 写 。 

@ 每 条 语句 后 用 分 号 结尾 。 但 是 JavaScript 对 这 一 点 不 像 C 语言 那样 严格 ， 用 
JavaScript 编写 脚本 时 ， 语 句 后 可 以 加 分 号 也 可 以 不 加 分 号 。 建 议 加 上 分 号 ， 以 
养 成 良好 的 编程 习惯 。 

e@ 每 个 过 程 都 是 一 个 函数 。 

@ 语句 块 (多 条 相关 的 语句 ) 用 大 括号 界定 。 

@ 单行 注释 前 用 双 斜 杆 (//) 表 示 ， 多 行 注释 用 /*...*/ 界 定 。 

和 C 语言 相 比 ， 最 大 的 不 同 点 是 ， 由 于 JavaScript 是 一 个 比较 松散 的 语言 ， 变 量 使 用 
前 不 一 定 要 进行 声明 ， 即 使 声明 时 也 不 一 定 指定 数据 类 型 ， 运 行 中 也 不 进行 强制 性 的 类 型 
检查 。 这 样 的 约定 既 有 好 处 也 有 缺点 。 好 处 是 书写 代码 简单 ， 可 以 节省 声明 的 时 间 ， 缺 点 
是 一 旦 发 生 了 错误 ， 不 容易 找到 问题 所 在 。 好 在 JavaScript 通常 只 用 于 编写 小 型 程序 ( 脚 
本 )， 因 此 这 个 缺点 带 来 的 后 果 并 不 严重 。 只 是 在 处 理 数值 与 字符 串 表达 式 时 ， 应 记 住 一 
条 原则 : 数值 加 数值 结果 仍然 是 数值 ， 但 数值 与 字符 串 相 加 时 ， 数 值 将 自动 转换 为 字符 
串 ， 然 后 与 其 他 字符 串 拼接 起 来 。 

2. JavaScript 的 数据 类 型 

JavaScript 的 变量 区 分 大 小 写 ， 就 是 说 name、NAME 和 Name 是 三 个 不 同 的 变量 。 变 
量 名 可 用 字母 或 下 划 线 (_) 开 头 ， 但 不 能 用 数字 0 一 9 作为 变量 名 的 开头 。 变 量 名 的 第 二 个 
以 及 以 后 的 字符 可 以 用 数字 、 字 符 或 下 划 线 。 

JavaScript 的 数据 类 型 有 以 下 4 种 。 

(1) 整 型 数 (Integer) 通 过 三 种 形式 来 表示 。 

@ 十进制 (decimal): dd...d 其 中 d 为 0 一 9 的 整数 ， 但 不 能 用 0 开头 。 

@ 十 六 进 制 hexdecimalD): 0xhh...h， 其 中 为 0~9、A、B、C、D、E、F 的 十 六 进 

制 数 。 

@ ”八进制 数 (octal): ooo...o， 其 中 o 为 0 一 7 的 整数 。 

(2) 浮 点 数 (Floab 有 两 种 表示 方法 。 

@ dddd.ddd: 小 数 点 表示 法 。 小 数 点 左 侧 为 整数 部 分 ， 右 边 为 小 数 部 分 。 

@ dddd.dddE+ddd 或 者 dddd.dddE-ddd: 科学 表示 法 。 把 一 个 数 用 E( 或 日 分 隔 开 ， 

左 侧 为 真 数 ， 右 侧 为 指数 (以 10 为 底 )。 

(3) 布尔 值 (Boolean): 只 有 两 种 值 ，true 和 false。 

(4) 字符 串 (String): 用 双 ( 单 ) 引 号 括 起 来 的 0~n 个 字符 。 

@ ”特殊 字符 :用 一 些 特殊 字符 来 表示 某 些 控制 码 ， 如 表 5.1 所 示 。 


表 5.1 特殊 字符 及 其 含义 


含义 


"\b" | 退 格 (backspace) 回 车 (carriage return) 
| 换 页 (fomm feed) 跳 过 8 个 空格 (ab characteD) 


换行 (new line character) 
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加 空 字符 : 空 字符 Null 是 一 个 特别 的 值 ， 代 表 空 值 Null Value)。 
3. JavaScript 的 运算 符 


JavaScript 的 运算 符 有 以 下 9 种 。 

(1) 基本 运算 符 ， 加 (+)、 减 (-)、 乘 (*)、 除 (/)。 

(2) 余数 运算 符 : %。 例 如 ，18 % 4， 结 果 是 2。 

(3) 递增 (递减 ) 运 算 符 ， ++x、 Xt++、--y、 y-- 等 。 

++ 或 -- 代 表 变 量 本 身 “ 加 1” 或 “ 减 1” 的 操作 。 这 两 个 符号 可 以 放 在 变量 名 的 前 
面 ， 也 可 以 放 在 变量 名 的 后 面 ， 由 于 两 种 方法 执行 的 顺序 不 同 ， 结 果 有 时 是 不 一 样 的 。 

(4) 位 逻辑 运算 符 ， 位 逻辑 运算 符 有 三 种 ， 如 表 5.2 所 示 。 


表 5.2 位 逻辑 运算 符 


(5) 移 位 运算 符 : 移 位 运算 符 (<<、>>、>>>) 的 用 法 如 表 5.3 所 示 。 
表 5.3 移 位 运算 符 


将 义 左 移 立 位 ， 右 侧 补 0 
将 X 右 移 立 位 ， 左 侧 用 原来 的 首位 补充 
将 飞 右 移 立 位 ， 左 侧 补 0 


(6) 逻辑 运算 符 ， 逻 辑 运算 符 有 三 种 ， 即 &&、|| 和 ! 。 它 们 的 用 法 如 表 5.4 所 示 。 
表 5.4 ”逻辑 运算 符 


说 明 
与 立 进行 AND 逻辑 运算 
义 与 Y 进 行 OR 逻辑 运算 
对 义 进 行 NOT 逻辑 运算 
逻辑 与 (AND) 的 真 值 表 如 表 5.5 所 示 。 
表 5.5 逻辑 与 的 真 值 表 
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逻辑 或 (OR) 的 真 值 表 如 表 5.6 所 示 。 
表 5.6 ”逻辑 或 的 真 值 表 


X XIlY 
True True 
True Tme 
Flase Tme 
Flase Flase 


风 辑 否 (NOT) 的 真 值 表 如 表 5.7 所 示 。 
表 5.7 逻辑 否 的 真 值 表 


Xx I=x 
Tme Flase 
Flase Trmue 


(7) 比较 运算 符 包括 等 于 (=)、 大 于 (>)、 大 于 等 于 (>=)、 小 于 ()、 小 于 等 于 (<=)、 不 
等 于 (!=) 6 种 ， 其 用 法 如 表 5.8 所 示 。 


表 5.8 比较 运算 符 


(8) 字符 串 运算 符 : 字符 串 运算 符 中 “+” 和 “+=” 可 作为 字符 串 的 拼接 符号 。 

(9) 其 他 操作 符 。 

其 他 操作 常用 的 有 4 种。 

中 条 件 运算 符 。 

结果 = (条 件 ) ? valuel : value2; 

// 假定 条 件 为 真 时 结果 为 valuel， 否 则 结果 为 value2 

@ new 操作 符 : new 操作 符 可 以 为 客户 自 定 义 对 象 类 型 或 者 为 JavaScript 的 内 置 对 
象 创建 一 个 实例 。 例 如 ， 可 以 用 new 操作 符 创建 一 个 日 期 类 型 的 对 象 。 


var d Date = new Date(); 


图 ”delete 操作 符 : delete 操作 符 可 以 删除 对 象 、 对 象 的 属性 或 者 数组 中 的 元 素 。 
@ this 操作 符 : JavaScript 利用 this 操作 符 来 引用 当前 的 对 象 。 
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4. 运算 符 的 优先 顺序 


运算 符 的 优先 顺序 从 高 到 低 排列 如 下 。 
(D 括号 0 

(2) 求 补 、 增 量 、 减 量 (一 、++、 一 ) 
(3) 乘法 、 除 法 、 余 数 运算 (*、/、%) 
(4) 加 法 、 减 法 (+、-) 

(5) 移 位 运算 (<<、>>、>>>) 

(6) 比较 运算 (<、<=、>、>=) 

(7) 相等 比较 (=、!=) 

(8) 位 逻辑 的 与 (AND) 运 算 (&) 

(9) 位 逻辑 的 异 或 (XOR) 运 算 ( 人 ^) 
(10) 位 逻辑 的 或 (OR) 运 算 (|) 

(11) 逻辑 与 (AND) 运 算 (&&) 

(12) 逻辑 或 (OR) 运 算 (I|) 

(13) 条 件 运算 (22) 

(14) 赋值 及 复合 运算 (+=、-=、*=、/ 三 、%=、<<=、>>=、>>>=、&=、 候 、!=) 
(15) 逗号 运算 (,) 


5. JavaScript 的 流程 控制 


1) “条件 语句 

(D 条 件 语句 的 格式 之 一 : 让 语句 
if (条 件 表达 式 ) 

{条 件 为 真 时 执行 的 语句 } 


[else 
{条 件 为 假 时 执行 的 语句 } ] 
(2) 条 件 语句 的 格式 之 二 : switch 语句 
switch (表达 式 ) { 
case 标记 1: 
代码 块 1; 
break; 
case 标记 2: 
代码 块 2; 


break; 


[default: 
默认 代码 块 ;] 
} 
上 述 语 句 的 执行 过 程 是 ， 先 计算 出 表达 式 的 结果 ， 然 后 将 结果 与 标记 1、 标 记 2… 逐 
个 进行 比较 ， 找 到 第 一 个 能 够 匹配 的 标记 ， 就 执行 该 标记 下 的 代码 块 。 如 果 所 有 的 标记 均 
不 能 匹配 时 执行 默认 代码 块 。 每 个 代码 块 后 面 都 有 一 个 break 语句 ， 它 的 作用 是 执行 完 本 
代码 块 后 跳 过 后 面 的 选择 。 如 果 没 有 这 一 句 ， 执 行 完 本 代码 块 以 后 还 要 和 后 面 的 标记 一 一 
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比较 ， 从 而 降低 了 程序 的 执行 效率 。 另 外 程序 中 的 default 以 及 后 面 的 默认 代码 块 是 可 选 
的 部 分 。 如 果 这 一 部 分 没有 写 ， 而 又 找 不 到 匹配 的 标记 时 ， 这 段 程序 将 什么 事 也 不 做 。 
当 情 况 比 较 复 杂 时 ， 用 switch 语句 显得 思路 更 加 清晰 一 些 。 
2) ”循环 语句 
JavaScript 支持 两 种 循环 结构 :一 种 是 while; 另 一 种 是 for。 另 外 break 和 continue 语 
句 也 可 以 用 于 循环 语句 中 。 
while 循环 语句 的 格式 如 下 。 
初始 表达 式 
while (循环 条 件 ) { 


代码 块 
递增 表达 式 
下 


do...while 循环 语句 的 格式 如 下 。 
do { 
代码 块 
} while (循环 条 件 ) 
do...while 语句 在 执行 顺序 上 与 while 语句 不 同 。 在 while 语句 中 是 先 判 断 再 执行 ， 
而 do...while 语句 却 是 先 执行 再 判断 。 因 此 如 果 开 始 循环 时 条 件 就 不 成 立 ，do.…while 语 
句 中 的 代码 块 还 得 执行 一 次 ， 而 while 语句 中 的 代码 将 一 次 也 不 执行 。 
for 循环 语句 的 格式 如 下 。 
for ([ 循 环 变量 赋 初 值 ] ; [循环 条 件 ] ; [循环 变量 增 量 ] ) 
{ 代 码 块 } 
执行 for 循环 有 以 下 5 个 步骤 。 
(1) 对 循环 控制 变量 赋 初 值 。 
(2) 判断 循环 条 件 是 否 为 真 ， 若 为 真 时 进入 循环 ， 否 则 退出 循环 。 
(3) 进入 循环 后 执行 代码 块 。 
(4) 执行 控制 变量 增 量 表达 式 。 
(5) 返回 第 2 步 以 判断 循环 条 件 是 否 为 真 。 
在 for 循环 语句 中 ，[ 循 环 变量 赋 初 值 ]、[ 循 环 条 件 ]、[ 循 环 变量 增 量 ] 都 是 可 以 选择 的 
项 目 ， 因 而 都 可 以 省 略 。 按 照 语 法 规定 ， 不 论 省 略 哪 项 ， 原 有 的 分 号 不 能 省 略 。 被 省 略语 
名 的 功能 ， 应 该 用 其 他 语句 完成 。 
在 循环 代码 块 中 使 用 break 和 continue 语句 的 作用 是 : break 语句 用 于 跳出 循环 ; 
continue 语句 用 于 跳 过 continue 后 面 的 语句 ， 进 入 新 一 轮 循环 。 


6. JavaScript 的 函数 


1) JavaScript 的 全 局 函数 
JavaScript 中 定义 了 一 些 全 局 函数 ， 这 些 函 数 不 与 任何 具体 对 象 发 生 联 系 ， 因 此 称 全 
局 函数 。 全 局 函数 在 脚本 的 编写 中 很 有 用 处 。 
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(1) eval( 字 符 串 ) 

eval0 函 数 的 功能 就 是 执行 括号 内 的 字符 串 ， 如 果 字 符 串 代表 一 个 表达 式 ， 那 么 函数 
将 对 这 个 表达 式 进 行 运算 ， 如 果 字 符 串 代表 一 条 或 多 条 语句 ， 那 么 函数 就 执行 这 些 语句 。 

(2) parseInt( 字 符 串 ) 和 parseFloat( 字 符 串 ) 

parseInt0 和 parseFloat0 函 数 的 作用 是 将 括号 内 的 字符 串 转 变 为 整数 和 浮 点 数 ( 小 数 )。 
网 页 中 使 用 表单 时 ， 从 文本 框 中 取出 来 的 值 ， 都 属于 字符 串 类 型 ， 若 想 运 算 需 先 将 它们 转 
换 成 整数 或 浮 点 数 类 型 ， 此 时 可 利用 这 两 个 函数 完成 类 型 转换 的 工作 。 

G) splite0 分 离 的 字符 串 


Var listArray = stringList.split(","); 


函数 的 作用 是 将 字符 串 (stringList) 以 逗号 作为 分 隔 符 ， 分 解 成 字符 数组 (listArray)， 如 
listArray[0]、listArray[1] 等 。 

(4) isNaN( 表 达 式 ) 

isNaN0 函数 用 于 判断 表达 式 是 否 为 数值 型 ， 在 使 用 parseInt( 字 符 串 ) 和 parseFloat( 字 
符 串 ) 函 数 时 ， 如 果 字 符 串 不 代表 一 个 数值 ， 此 时 两 个 函数 都 会 返回 NaN(NaN 的 意思 是 
Not a Number， 指 出 不 是 一 个 数字 )。 通 常 ， 在 使 用 上 述 函 数 后 ， 还 需要 用 isNaN 函数 进行 
判断 ， 看 字符 串 是 否 数值 ， 如 果 不 是 ， 需 做 其 他 处 理 。 

(5) Number( 对 象 ) 和 String( 对 象 ) 

Number0 和 String0 的 参数 是 对 象 。Number0 将 对 象 转换 为 数值 ，String0 将 对 象 转换 
为 字符 串 。 与 parseInt 和 parseFloat 函数 一 样 ， 如 果 转 换 失败 ， 将 返回 NaN。 

(6) escape( 字 符 串 ) 和 unescape( 字 符 串 ) 

escape() 和 unescape0 函 数 是 一 对 功能 相反 的 函数 ， 对 应 于 对 字符 串 进行 编码 和 解码 的 
工作 。 浏 览 器 对 URL 代码 采用 ISO-Latin-1 字符 串 进行 编码 ， 此 时 的 空格 都 用 %， 汉 字 都 
用 一 种 很 难 识别 的 代码 取代 。 可 以 采用 unescape0 函 数 进行 解码 ， 还 原 成 原来 的 样式 。 相 
反 ， 也 可 以 用 escape0 函 数 编码 ， 变 成 URL 需要 的 格式 。 

2) ” 自 定义 JavaScript 函数 

在 JavaScript 中 ， 函 数 是 一 种 能 够 完成 一 定 功能 的 代码 块 ， 函 数 可 以 在 脚本 中 被 事件 
或 其 他 语句 调用 ， 函 数 执行 完 以 后 可 以 返回 值 ， 也 可 以 不 返回 值 。 不 返回 值 的 函数 就 相当 
于 其 他 语言 中 的 过 程 。 

(1) 函数 定义 

函数 定义 的 格式 是 : 

function 函数 名 (参数 列表 ) { 

代码 块 

} 

参数 列表 是 可 选 部 分 ， 如 果 没 有 参数 时 使 用 一 个 空 插 号。 如 果 函 数 需 要 返回 一 个 值 给 
调用 函数 时 ， 代 码 块 中 应 该 包括 return 语句 。 函 数 允 许 嵌 套 ， 即 在 一 个 函数 中 还 允许 调用 
其 他 函数 。 

(2) 函数 的 调用 

函数 只 有 在 被 调用 时 才 执 行 。 有 两 种 形式 的 函数 调用 语句 。 

@ 函数 名 (参数 列表 ) 
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@ ”变量 名 = 函数 名 (参数 列表 ) 

其 中 第 一 种 形式 适合 于 不 返回 参数 的 调用 ， 第 二 种 形式 适合 于 返回 参数 的 调用 。 

当 脚本 的 代码 很 长 时 ， 应 该 根据 功能 将 代码 块 分 别 写 入 几 个 函数 中 ， 使 得 每 个 函数 的 
功能 尽量 单一 ， 以 增加 程序 的 可 读 性 ， 同 时 也 便于 脚本 的 编写 和 调试 。 如 果 在 多 个 网 页 中 
需要 使 用 同一 函数 时 ， 可 以 将 该 函数 单独 提取 出 来 写成 单独 的 文件 。 然 后 在 各 个 网 页 前 面 
用 Include 语句 将 它 和 网 页 组 合 到 一 起 。 

7. JavaScript 语言 中 的 对 象 


1) “数组 对 象 

JavaScript 中 没有 数组 这 个 数据 类 型 ， 但 在 编写 脚本 时 ， 数 组 的 强大 功能 又 是 不 可 替 
代 的 。 在 开发 脚本 时 可 以 使 用 数组 对 象 来 完成 数组 的 功能 。JavaScript 的 数组 对 象 除了 有 具 
备 其 他 语言 中 数组 的 功能 以 外 ， 还 有 许多 其 他 语言 不 具备 的 数组 方法 。 

(1) 建立 数组 

建立 数组 有 两 种 方法 。 第 一 种 方法 是 ， 建 立 数组 的 同时 给 数组 元 素 赋值 。 第 二 种 方法 
是 ， 建 立 数组 时 定义 数组 的 长 度 ， 以 后 再 给 数组 元 素 赋值 。 

JavaScript 对 于 语法 的 要 求 并 不 严格 ， 人 允许 不 事先 指定 数组 长 度 ， 而 在 以 后 的 脚本 语 
句 中 自动 确定 数组 的 长 度 。 

(2) 访问 数组 元 素 

在 JavaScript 中 是 通过 数组 名 及 其 下 标 来 访问 数组 元 素 的 。 值 得 注意 的 是 ， 数 组 下 标 
从 零 开始 。 

(3) 数组 对 象 的 属性 与 方法 

数组 对 象 有 一 个 属性 ， 就 是 数组 的 长 度 。 数 组 的 方法 有 很 多 ， 下 面 介绍 其 中 的 两 个 。 

第 一 个 为 sort0 方 法 。 利 用 这 个 方法 能 够 将 数组 元 素 进行 排序 。 

第 二 个 为 reverse() 方 法 。 利 用 这 个 方法 可 以 将 数组 内 的 元 素 顺序 颠倒 过 来 ， 第 一 个 元 
素 与 最 后 一 个 元 素 交 换 ， 第 二 个 元 素 与 倒数 第 二 个 元 素 交换 ， 以 此 类 推 。 

2) “字符 串 对 象 

在 JavaScript 中 ， 有 字符 串 类 型 的 数据 ， 同 时 也 有 字符 串 对 象 ， 它 们 的 定义 方法 是 不 
同 的 。 当 st 是 一 个 字符 串 类 型 的 变量 时 ， 定 义 为 st="hello"; 当 st 是 一 个 字符 串 对 象 时 ， 
定义 为 var st= new String("hello")。 

字符 串 类 型 变量 和 字符 串 对 象 在 使 用 时 并 没有 很 大 区 别 ， 字 符 串 变量 也 可 以 使 用 字符 
串 对 象 的 属性 和 方法 。 

字符 串 对 象 有 一 个 属性 length， 代 表 字 符 串 的 长 度 。 字 符 串 还 有 些 常用 的 方法 ， 现 在 
介绍 下 面 4 种 。 

(1) toUpperCase0) 与 toLowerCase0 方 法 

字符 串 的 toUpperCase0 方 法 将 使 字符 串 的 字母 全 部 转换 为 大 写 ; 字符 串 的 
toLowerCase0 方 法 将 使 字符 串 的 字母 全 部 转换 为 小 写 。 由 于 JavaScript 是 区 分 字母 大 小 写 
的 ， 所 以 有 时 需 将 字符 串 转变 为 同一 类 型 (大 写 或 小 写 ) 后 再 进行 比较 。 

(2) indexOf( 子 字符 串 ) 方 法 

indexOf( 子 字符 串 ) 方 法 的 作用 是 在 母 字 符 串 中 确定 子 字 符 串 的 位 置 。 如 果 在 母 字 符 串 
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中 包含 着 子 字 符 串 ， 将 返回 子 字 符 串 第 一 个 字符 在 母 字符 串 中 的 下 标 。 如 果 母 字符 串 中 不 
包含 子 字符 串 时 将 返回 -1。 例 如 ， 母 字符 串 为 s = "How are you! "， 则 s.indexOf("are") 将 
返回 4。 注意 字符 串 的 下 标 从 0 开始 。 

(3) charAt( 位 置 ) 方 法 

charAt0 方 法 中 有 一 个 位 置 参数 。 它 的 作用 是 返回 字符 串 中 该 位 置 的 字符 。 例 如 上 面 
的 s 字 符 串 ， 用 s.charAt(4) 将 返回 字符 a。 

(4) substring( 位 置 1， 位 置 2) 方 法 

substring( 位 置 1， 位 置 2) 方 法 的 作用 是 返回 字符 串 中 从 “位 置 1” 到 “位 置 2” 之 间 
的 字符 串 。 返 回 的 字符 串 中 不 包括 位 置 2 的 字符 。 例 如 s = "How are youl"， 
s.substring(8,10) 将 只 返回 yo 两 个 字符 。 

3) 日 期 对 象 

JavaScript 中 ， 经 常 要 对 日 期 进行 处 理 ， 但 JavaScript 中 没有 日 期 类 型 ， 所 以 就 会 常用 
到 日 期 对 象 。 在 JavaScript 中 ， 日 期 对 象 中 所 存储 的 不 仅仅 是 日 期 数据 ， 还 包括 时 间 数 
据 。 在 这 个 对 象 中 ， 实 际 存储 的 是 相对 于 1970 年 1 月 1 日 0 时 0 分 0 秒 的 毫秒 数 ， 如 果 
对 象 代表 的 时 间 是 在 1970 年 以 前 ， 那 么 它 存储 的 是 负数 ， 对 于 1970 年 以 后 的 时 间 , 日 期 
对 象 存储 的 是 正 数 。 

(1) 创建 日 期 对 象 

创建 日 期 对 象 要 用 到 new 操作 符 。 创 建 的 一 般 格式 如 下 : 

var 对象 名 称 = new Date (参数 ) 


@ 创建 当前 的 日 期 和 时 间 的 对 象 

当 没有 参数 时 ， 可 以 使 用 日 期 对 象 获得 当前 的 日 期 和 时 间 。 例 如 : 
var d Date = new Date(); 

@ ”创建 指定 日 期 的 对 象 

在 创建 日 期 对 象 时 ， 可 以 指定 其 中 的 年 、 月 、 日 。 例 如 : 

var d Date = new Date(2001,9,1); 


值得 注意 的 是 ， 这 里 创建 的 对 象 并 不 是 2001 年 9 月 1 日 , 而 是 2001 年 10 月 1 日 ， 
因为 系统 使 用 0 到 11 分 别 代表 1 月 到 12 月 。 

只 指定 年 、 月 、 日 而 不 指定 时 间 时 ， 默 认 的 时 间 是 0 时 0 分 0 秒 。 

@ 创建 指定 日 期 和 时 间 的 对 象 

创建 日 期 对 象 的 同时 还 可 以 指定 日 期 和 时 间 。 例 如 : 


var d_Date = new Date(2001,9,1,12,20,20); 


这 里 生成 的 日 期 和 时 间 是 2001 年 10 月 1 日 12 点 20 分 20 秒 。 

(2) 日 期 对 象 的 方法 

获得 日 期 对 象 的 方法 有 如 下 几 种 。 

@ ”getYear0: 获得 日 期 对 象 的 年 份 。 

@ ”getMonth(): 获得 日 期 对 象 的 月 份 。 

e@ ”getDay0: 获得 星期 几 。 其 返回 值 从 0 一 6， 代 表 星 期 日 到 星期 六 。 
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设置 日 期 对 象 的 方法 有 如 下 两 种 。 

@ setYear( 年 份 ): 设置 日 期 对 象 的 年 份 。 

@ setMonth( 月 份 ): 设置 日 期 对 象 的 月 份 。 

(3) 获得 与 设置 时 间 

JavaScript 可 以 用 getTime() 与 setTime( 毫 秒 数 ) 方 法 来 获取 和 设置 从 1970 年 1 月 1 日 0 
时 0 分 0 秒 开 始 的 毫秒 数 。 如 果 d_Date 日 期 对 象 所 代表 的 时 间 是 1998 年 2 月 1 日 15 时 
30 分 27 秒 ， 那 么 通过 d_ Date.getTime( 方 法 获得 的 值 是 886 318 227 000。 

人， 数学 对 象 

JavaScript 的 数学 对 象 提供 了 许多 强大 的 数学 运算 功能 ， 完 全 能 够 满足 编写 脚本 中 对 
于 数学 运算 的 需要 。 数 学 对 象 与 前 面 几 种 对 象 不 同 ， 它 不 需要 使 用 new 操作 符 来 创建 ， 
可 以 直接 使 用 Math 来 调用 数学 对 象 ， 其 属性 也 就 是 标准 数学 常量 ， 其 方法 构成 了 数学 函 
数 库 。 所 有 的 属性 和 方法 都 是 静态 的 ， 其 使 用 格式 为 Math. 属 性 和 Math. 方 法 。 

数学 对 象 中 有 许多 属性 ， 例 如 PTI， 代表 圆周 率 的 值 ， 运 算 时 可 以 直接 使 用 Math.PI 来 
获得 圆周 率 。 除 此 之 外 ，Math.SQRT2 代表 2 的 平方 根 ，Math.LN2 代表 2 的 自然 对 数 。 具 
体 可 参考 表 5.9。 


表 5.9 数学 对 象 中 的 几 个 常用 属性 


属 性 说 阴 
E 欧 拉 常 数 ， 约 为 2 718 
LN10 10 的 自然 对 数 (自然 对 数 以 欧 拉 常数 为 底 )， 约 为 2 302 
LN2 2 的 自然 对 数 ， 约 为 0.693 
LOGI10E、 LOG2E 以 10 和 2 为 底 的 欧 拉 常数 E 的 对 数 ， 约 为 0.434 和 1.442 
PI 圆周 率 常数 ， 约 为 3.14159 
SQRT1 2 1/2 的 平方 根 ， 约 为 0.707 
SQRT2 2 的 平方 根 ， 约 为 1.414 


数学 对 象 中 有 许多 方法 ， 现 在 介绍 下 面 5 种 。 

(1) min( 值 1, 值 2 ) 与 max( 值 1, 值 2) 

min0 与 max0O 都 有 两 个 参数 ， 分 别 代表 两 个 值 。min0 的 功能 是 返回 两 个 数值 中 的 小 
者 ; max0 返 回 两 个 数值 中 的 大 者 。 例 如 ，min(12,8) 返 回 8，max(12,8) 返 回 12。 

(2) round( 数 值 )、ceil( 数 值 ) 和 floor( 数 值 ) 方 法 

round()、ceil0 和 floor0 三 个 方法 都 是 将 参数 取 整 后 返回 ， 不 同 之 处 是 取 整 的 方法 不 
同 。round() 方 法 是 将 参数 四 舍 五 入 后 取 整 ceil0 方 法 是 返回 大 于 或 等 于 参数 的 最 小 整数 ， 
floor0 方 法 是 返回 小 于 或 等 于 参数 的 最 大 整数 。 例 如 round(3.5) 返 回 4，ceil(3.5) 返 回 4， 
floor(3.5) 返 回 3 。 

(3) random() 方 法 

使 用 random() 方 法 能 够 产生 0 一 1 的 一 个 随机 数 ， 当 需要 用 一 定 范围 的 数字 测试 某 个 
项 目 时 ， 利 用 它 产 生 数 据 特别 方便 。 例 如 想 产 生 100 个 10 一 100 的 随机 数 时 ， 可 以 利用 下 
面 的 程序 : 
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var = new Array(100); 

for (i=0; i<100; i++) { 

ss[i] = Math.round ((100-10) * Math.random()) + 10; 

} 

(4) sqrt( 数 值 方 法 

sqrt0 方 法 的 功能 是 返回 数值 的 平方 根 。 例 如 ， 要 取 2 的 平方 根 有 两 种 形式 ， 一 种 是 
运用 Math.SQRT2 属性 ， 另 一 种 方法 就 是 用 Math.sqrt(2) 方 法 。 

(5) abs( 数 值 ) 方 法 

abs0 方 法 的 功能 是 返回 数值 的 绝对 值 。 例 如 ， 取 -98 的 绝对 值 ， 可 以 利用 Math.abs 
(-98) 得 到 。 

除 此 之 外 ，JavaScript 中 可 以 用 sin( 数 值 )、cos( 数 值 ) 和 tan( 数 值 ) 方 法 获取 数值 的 正 
弦 、 余 弦 和 正切 函数 值 。 利 用 asin( 数 值 )、acos( 数 值 ) 和 atan( 数 值 ) 获 得 反正 弦 、 反 余弦 和 
反正 切 函 数值 。 这 里 的 数值 都 是 代表 弧度 值 。 


5.3 多 媒体 的 引用 


在 网 页 中 可 以 引用 和 运行 网 站 内 部 的 多 媒体 文件 ， 也 可 以 与 外 部 的 多 媒体 文件 相连 。 
下 面 分 别 讲述 这 两 种 方法 。 


5.3.1 内 部 多 媒体 文件 的 引用 


有 4 种 标记 可 以 分 别 用 来 引用 不 同类 型 的 多 媒体 。4 种 标记 是 <img>、<embed>、 

<object> 和 <bgsound>。 

@ ” <img> 标记 : 利用 这 个 标记 不 仅 可 以 插入 图 像 ， 还 可 以 用 来 播放 Video for 
Windows 多 媒体 文件 (.avi)。 引 用 的 格式 是 : <img src= "URL">。 

@ <embed> 标记 : 用 来 嵌入 的 多 媒体 文件 包括 电影 、 声 音 、 虚 拟 现实 语言 (VRML) 
等 ， 其 格式 可 以 是 MIDI、WAV、AU。 使 用 时 需要 在 浏览 器 中 安装 播放 相应 多 
媒体 文件 的 插件 。 引 用 的 格式 是 : <embed src= "URL">。 

@ <object> 标 记 : 用 来 插入 ActiveX 控件 ， 还 可 以 插入 其 他 的 OLE 对 象 ， 如 图 像 、 
文档 、 动 画 、 小 程序 等 ， 由 于 它 的 使 用 范围 广 ， 因 此 ， 常 被 称 做 “通用 标记 ”。 
引用 的 格式 是 ，<object 属性 = 属性 值 ></object>。 

@ ”<bgsound> 标 记 : 用 来 插入 背景 音乐 ，WAV、MIDI 等 声音 文件 都 可 以 用 它 ， 但 

- 般 只 适用 于 正 ， 其 参数 设 定 不 多 。 格 式 是 : <bgsound src="URL'" loop="*">。 
其 中 loop 用 来 设 定 循环 播放 的 次 数 ，loop=2 表示 重复 两 次 ，loop=infinite 代表 不 
断 循环 直 到 关闭 时 为 止 。 


5.3.2 ”外 部 多 媒体 文件 的 引用 
对 外 部 多 媒体 文件 的 引用 主要 通过 超 链 接 标记 <A> 的 HREF 属性 进行 ， 其 格式 为 
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<A HREF=" 外 部 多 媒体 文件 名 "> 提示 文本 </A> 
5.4 ”DHTML 的 应 用 示例 


下 面 用 5 个 示例 由 浅 入 深 地 介绍 DHTML 中 编写 脚本 的 方法 。 

每 个 HTML 元 素 标记 都 有 很 多 事件 ， 如 鼠标 单 击 (onclick)、 和 鼠标 进入 (onmouseover)、 
鼠标 离开 (onmouseout) 等 。 可 以 直接 在 【 源 】 视 图 窗口 中 为 这 些 事件 编写 代码 ， 为 此 需要 
先 在 标记 的 定义 中 写 明 事件 ， 然 后 在 <script>.….</scrip 亿 中 编写 脚本 。 也 可 以 利用 系统 的 帮 
助 来 简化 这 个 编写 的 过 程 。 

在 【 源 】 视 图 窗口 的 上 部 有 两 个 小 的 下 拉 列 表 框 ， 左 边 的 下 拉 列 表 框 中 将 列 出 已 经 放 
进 网 页 的 HTML 元 素 ， 右 边 的 下 拉 列 表 框 列 出 了 该 元 素 的 事件 。 界 面 如 图 5.2 所 示 。 


HTICL 元 素 标签 ”该 元 素 标签 的 事件 


了 

日 | funetion Textl_onmouseout O { 二 
9 | ifGextl.values= 

40 中 { 


5.2 HTML 元 素 及 其 事件 窗口 


只 要 在 这 里 选择 了 HTML 元 素 及 其 事件 以 后 ， 系 统 就 会 给 出 事件 代码 的 框架 ， 只 需 
在 这 个 框架 中 编写 代码 就 可 以 了 。 

有 时 ， 虽 然 在 网 页 中 放 进 了 某 个 HTML 元素， 但 在 下 拉 列 表 框 中 找 不 到 它 ， 系 统 也 
就 不 能 给 出 事件 代码 的 框架 ， 这 往往 是 因为 还 没有 给 该 元 素 设置 id 属性 ， 只 要 把 这 个 属 
性 加 上 去 就 可 以 了 。 

例 5.1 简单 的 提示 。 

假定 有 一 个 输入 文本 框 (Textt)， 必 须 在 其 中 输入 数据 ， 否 则 当 鼠 标 指针 离开 文本 框 
时 ， 将 提示 错误 。 

先 在 网 页 中 放 入 Input(Tex0) 元 素 ， 在 【 源 】 视 图 窗口 中 选择 该 元 素 以 及 它 的 
onmouseout 事件 ， 然 后 编写 如 下 代码 。 


function Textl1 onmouseout() 


{ 


if (Textl] .value=="") 
' 
alert ("不 能 为 空 !") ; // 提示 
Text1. focus(); // 将 光标 的 焦点 仍然 放置 到 输入 文本 框 中 


} 

} 

程序 运行 中 输入 为 空 时 的 提示 如 图 5.3 所 示 。 

例 5.2 图 片 切换 。 

网 页 中 放 入 一 图 片 ， 当 鼠标 指针 移动 到 图 片上 面 时 ， 自 动 转换 成 男 一 张 图 片 ， 鼠 标 指 
针 离 开 时 又 还 原 成 原来 的 图 片 。 
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x] 
A Fans 


图 5.3 ”提示 输入 不 能 为 空 

在 这 个 示例 中 对 同一 个 HTML 元 素 要 写 两 个 事件 ， 一 个 是 鼠标 进入 的 事件 ， 另 一 个 
是 鼠标 离开 的 事件 ， 如 果 系 统 没 有 给 出 事件 代码 的 框架 ， 则 需要 设置 ia， 如 这 里 设置 的 
id=img1。 假 定 原来 放 入 的 图 片 是 picturel.jpg， 鼠 标 进入 时 转换 为 picture2_jpg， 鼠 标 离开 
时 又 还 原 为 pictureljpg。 

完整 的 代码 如 下 。 

<htm] xmlns="http://www.w3.0org/1999/xhtml" > 

<head> 

<title>Untitled Page</title> 

<script language="javascript" type="text/javascript"> 

<!-- 

function imgl onmouseover() { 

imgl.src=" picture2 jpg "; 


} 


function imgl onmouseout() { 

imgl.src=" picturel.jpg "; 

} 

// --> 

</script> 

</head> 

<body> 

<img id = imgl src="picturel.jpg" language="javascript" 
onmouseover="return imgl _ onmouseover()" 
onmouseout="return imgl onmouseout()" /> 
</body> 
</html> 


代码 中 用 <!--.…--> 注 释 符 是 为 低 版 本 浏览 器 (IE 低 于 4.0) 准 备 的。 因为 这 些 低 版 本 浏 
览 器 不 支持 DHTML 的 脚本 。 

例 5.3 自动 导出 数据 。 

在 网 页 中 原始 数据 当然 应 该 由 客户 自己 输入 ， 而 导出 的 数据 最 好 由 系统 自行 计算 。 这 
样 可 以 减少 错误 。 

下 面 就 是 一 个 计算 乘法 的 示例 。 只 需要 在 前 两 个 文本 框 中 输入 值 ， 然 后 单 击 第 三 个 文 
本 框 ， 即 可 显示 结果 。 界 面 如 图 5.4 所 示 。 


应 * 隔 = [3 


5.4 自动 导出 结果 
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完整 的 事件 代码 如 下 。 


<html xmlns="http://www.w3.0rg/1999/zxhtml" > 
<head> 
<title>Untitled Page</title> 
<script language="javascript" type="text/javascript"> 
function Text3 onclick() 
{ 
Var sl1,s2,s3; 
sl = eval (Text] .value); 
S2 eval (Text2 Value) 7 
s3 = S1 * s2; 
Text3.value = s3; 


} 

</script> 

</head> 

<body> 
<input id="Textl" style="width: 96px" type="text" />* 
<input id="Text2" style="width: 96px" typ text” /> 一 
<input id="Text3" type="text" style="width: 104px" 

language="javascript" onclick="return Text3 onclick()" /> 

<br /> 
</body> 
</html> 


例 5.4 图 像 自动 交替 地 进行 淡 入 、 淡 出 显示 。 这 是 一 个 比较 复杂 的 示例 ， 功 能 全 部 


由 代码 来 实现 。 完 整 的 代码 如 下 。 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ 
TR/xhtml11/DTD/xhtmll11 .dtd"> 
<html> 
<head> 
<title>DHTML 的 示例 </title> 
<style><!—— 
body {font-size:9pt} 
--> 
</style> 
<script language="JavaScript"> 
var flag=0; 
// 全 局 变量 flag 用 来 控制 绘 出 的 图 像 ，f1ag=0 时 绘 出 图 像 image2_jpg，flag=1l 时 则 绘 出 
imagel .jpg 
Var act; 
function Change () 
{ 
act=window.setInterval ("AutoChange ()", 9500); 
// 每 隔 9.5 秒 执行 函数 Autochange () 


} //function 


function AutoChange() 
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if (flag==0) 
. 
flag=1; 
Img.filters.blendTrans.Apply(); // 用 Apply 方法 停止 原 图 像 的 绘 出 
Img.src = "image2 jpg"; // 将 Img 设置 成 男 一 幅 图 像 Image2_jpg 


Img.filters.blendTrans.Play(); // 用 Play 方法 调用 过 滤器 的 淡出 效果 
else 
{ 
flag=0; 
Img.filters.blendTrans.Apply (); 
Img.src = "imagel.jpg"; 
Img.filters.blendTrans.Play (); 
} 77iE 
} //function 
</script> 
</head> 
<body onload="Change () "> 
<img id="Img" src="imagel.jpg” alt=" 我 会 变换 图 像 ! " 
style="filter:blendTrans (duration=7) "> 
</body> 
</html> 


代码 中 act=window.setInterval("AutoChangeQO",9500) 设 置 的 时 间 为 9.5 秒 ， 此 时 间 一 定 
要 比 style="filter:blendTrans(duration=7)" 设 置 的 时 间 (7 秒 ) 长 ， 否 则 将 产生 脚本 语言 错误 。 

代码 通过 过 滤器 对 可 见 的 对 象 进行 过 滤 以 达到 动态 的 效果 。CSS 拥有 扩充 的 过 滤器 ， 
将 它 与 动态 HTML 相 结合 ， 可 以 制造 出 各 种 动态 的 效果 。 

有 两 种 类 型 的 过 渡 过 滤器 : Blend 和 Reveal。 

用 Blend 过 渡 ， 可 以 在 指定 的 时 间 间 隔 内 实现 图 像 的 简单 的 淡出 和 淡 入 。 其 基本 句 型 
如 下 

style="filter:blendTrans (Duration= 过 渡 的 时 间 )" // 过 渡 时 间 的 单位 为 “ 秒 ” 

用 Reveal 过 渡 ， 可 以 通过 使 用 不 同 的 技术 有 选择 地 显示 或 隐藏 图 像 ， 它 的 效果 有 很 
多 。 其 基本 句 型 如 下 : 


style="filter:revealTrans (Duration= 过 渡 的 时 间 ,Transition= 过 渡 的 类 型 ) " 
// 过 渡 时 间 的 单位 为 “ 秒 ”，Transition 的 取 值 范围 是 0 一 23 


例 5.5 网 页 中 运行 “视频 ”图 像 。 

如 果 要 在 网 页 中 运行 视频 图 像 时 ， 先 在 网 站 中 下 载 相关 文件 (例如 *.wmv)， 然 后 在 选 
择 的 位 置 上 编写 出 如 下 代码 。 

<embed src="image\ 文 件 名 .wmv" autostart="true" loop="*" width="300px" 


height="300px"> 
</embed> 
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5.5 小 结 


DHTML 是 浏览 器 端的 动态 技术 ， 它 能 使 下 载 后 的 网 页 中 的 元 素 动 起 来 ， 从 而 大 大 增 
强 网 页 的 生动 性 和 吸引 力 。 而 这 一 切 都 是 利用 浏览 器 本 身 的 资源 获得 的 ， 没 有 增加 服务 器 
的 负担 和 网 络 上 的 流量 ， 这 是 DHTML 的 最 大 特点 ， 也 是 它 的 最 大 优点 。 

DHTML 不 是 一 种 单一 的 技术 ， 而 是 多 种 技术 的 综合 ， 可 以 用 一 个 简单 的 公式 来 
表达 : 

DHTML = DOM + HTML 4.0 以 上 + Css + 事件 + 脚本 + 多 媒体 


DHTML 技术 具有 如 下 局 限 性 。 
@ 它 只 能 使 元 素 在 形式 (位 置 、 形 状 等 ) 上 产生 变化 ， 当 需要 获得 变化 的 数据 ， 例 如 
从 数据 库 中 读 出 更 新 后 的 数据 时 ， 不 得 不 依靠 服务 器 端的 技术 来 完成 。 
@ DHTML 技术 受 限 于 浏览 器 本 身 ， 而 随 着 Internet 的 客户 日 益 多 样 化 、 小 型 化 ， 
浏览 器 端的 功能 可 能 会 变 得 越 来 越 弱 。 
这 一 切 说 明 网 站 开发 的 重点 是 服务 器 端 技术 ，ASP.NET 是 基于 服务 器 的 技术 ， 但 是 
如 有 可 能 (如 正 的 版 本 在 4.0 或 以 上 时 )， 仍 应 该 注意 发 挥 DHTML 的 辅助 功能 。 这 方面 的 
相关 内 容 将 在 后 面 章 节 中 讲述 。 


5.6 习 题 

1. 填空 题 

(1) DHTML 的 设计 思想 是 : 浏览 器 从 服务 器 端 下 载 文档 后 ， 利 用 的 资 
源 ， 在 不 增加 端 负担 和 网 上 传输 流量 的 前 提 下 ， 使 网 页 的 某 些 元 素 “ 动 ”起 来 。 

(2) DHTML 不 是 一 种 单一 的 技术 ， 而 是 多 项 技术 的 综合 。 在 文档 对 象 模型 (DOM) 的 
基础 上 ， 和 包括 S sw 等 技术 。 

(3) 文档 对 象 模型 (DOM) 是 英文 的 缩写 ， 它 是 的 基础 。 

(4) JavaScript 是 由 Netscape 公司 开发 的 一 种 解释 型 语言 。JavaScript 既 可 在 
又 可 在 端 解 释 执 行 ，JavaScript 是 一 种 面向 对 象 和 事件 驱动 的 跨 平台 的 
语言 

2. 简 答题 


(1) 你 对 DHTML 是 如 何 理解 的 ? 它 与 DOM 有 什么 关系 ? 
(2) HTML 常 应 用 于 多 媒体 的 标记 有 哪些 ? 
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3. 操作 题 

自行 查找 有 关 DHTML 方面 的 资料 ， 完 成 以 下 内 容 。 

(1) 做 一 个 漂亮 的 数字 或 模拟 时 钟 。 

(2) 做 一 个 能 在 页 内 移动 且 和 四 周 碰 撞 反 弹 的 广告 图 片 。 


第 6 章 利用 jQuery 设计 动画 


在 上 一 章 讲述 DHTML 技术 的 时 候 ， 只 列举 了 几 个 简单 的 动画 示例 。 实 际 上 很 多 网 页 
中 的 动画 常常 要 比 这 些 示例 丰富 得 多 。 一 张 好 的 网 页 实际 上 就 是 一 幅 优 美的 艺术 品 。 

面 对 这 一 张 张 优美 的 “艺术 品 ”， 作 为 网 页 的 设计 者 常常 会 问 自己 ， 如 何 才能 设计 出 
如 此 高 水 平 的 动画 来 。 

应 该 说 ， 这 并 不 是 一 件 容易 的 事 。 因 为 动画 的 设计 离 不 开 JavaScript 语言 ， 而 掌握 
JavaScript 语言 是 大 多 数 网 页 设计 者 遇 到 的 难题 。 为 了 突破 这 个 难题 ， 近 几 年 来 ， 软 件 界 
出 现 了 几 种 不 同 的 JavaScript 语言 库 ， 用 来 简化 对 JavaScript 语言 的 应 用 ， 其 中 比较 突出 
的 有 以 下 几 种 版 本 : Prototype、Dojo、YUI、Ext JS、MooTools、jQuery 等 。 这 几 种 版 本 
从 不 同 的 角度 出 发 ， 提 出 了 不 同 的 解决 方案 。 

jQuery 是 以 John Resig 为 首 ， 一 批 具有 奉献 精神 的 顶尖 的 JavaScript 专家 组 成 的 开发 
团队 ， 于 2006 年 开发 出 来 的 系统 ， 它 大 大 简化 了 JavaScript 语言 的 应 用 ， 利 用 这 个 库 ， 
能 用 简短 的 代码 实现 较 复杂 的 功能 (他 们 的 口号 是 : Write Less, Do More)。 该 系统 采取 开 
源 方式 ， 允 许 设计 者 免费 下 载 使 用 。 目 前 已 经 广泛 应 用 于 各 类 主流 网 页 的 设计 之 中 。 如 
PHP、ASPNET、JSP、Ruby、Dreamweaver 等 网 页 中 都 采用 了 jQuery 技术 。 

微软 已 于 2008 年 公开 宣布 全 面 支 持 jQuery 技术 ， 并 将 该 技术 无 颖 地 嵌入 到 ASPNET 
3.5 和 ASP.NET 4.0 的 系统 中 。 

jQuery 是 一 个 开放 源 代码 的 工具 包 ， 可 以 用 来 处 理 一 些 常 见 的 客户 界面 任务 。 主 要 包 
括 以 下 三 个 方面 。 

@ ”网 页 动画 设计 。 

@ ”对 网 页 表单 以 及 校 验 的 支持 。 

@ ”对 Ajax 技术 的 支持 。 

由 于 篇 幅 限 制 ， 本 书 只 集中 讲述 jQuery 用 于 动画 设计 方面 的 内 容 。 下 面 将 先 讲解 与 
jQuery 相关 的 基础 知识 ， 再 讲解 用 jQuery 设计 动画 的 方法 。 通 过 学 习 不 仅 能 够 提高 网 页 
动画 的 设计 能 力 ， 还 能 加 深 对 DOM、HTML、CSS、DHTML 等 概念 的 理解 。 


6.1 jQuery 基础 


6.1.1 什么 是 jQuery 


jQuery 是 一 个 优秀 的 JavaScript 语言 库 ， 目 的 在 于 简化 对 JavaScript 语言 的 应 用 。 简 
化 的 方法 是 将 多 条 JavaScript 语句 封装 为 函数 ， 再 将 函数 分 类 抽象 成 库 。 使 用 时 ， 直 接 调 
用 库 中 的 函数 即 可 实现 比较 复杂 的 功能 。 

以 设计 一 幅 “ 淡 入 淡出 的 图 像 ” 为 例 ， 如 果 直 接 用 JavaScript 语言 来 设计 ， 需 要 缩写 
近 20 条 代码 ( 见 例 5.4)。 现 在 用 jQuery 来 设计 ， 只 需 使 用 1 一 2 名 函数 调用 即 可 。 函 数 调 
用 的 语句 是 : 


$ (vimg”) .hide (3000); 
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或 者 


$ (vimg”) .show(3000); 


hile eh 
重要 的 是 ， 它 


JavaScript i 


6.1.2 jQuery 能 做 什么 


jQuery 的 主要 任务 就 是 对 浏览 器 中 DOM 元 素 进行 操作 ， 以 实现 客户 与 浏览 器 之 间 的 
交互 。 其 具体 任务 包括 : 


获取 网 页 元 素 。 

修改 网 页 外 观 。 

修改 网 页 内 容 。 

给 网 页 设计 动画 。 

客户 与 浏览 器 进行 交互 

以 局 部 刷新 方式 与 服务 器 交换 信息 。 
简化 其 他 JavaScript 的 任务 。 


6.1.3 ”JQuery 的 特点 
概括 地 说 ，JQuery 具有 以 下 几 个 特点 。 


使 用 html、CSS 等 通用 标准 。 
为 各 类 浏览 器 通用 。 

总 是 以 集合 方式 工作 。 

jQuery 库 的 容量 
大 量 ! 成 部 的 插件 供 设计 者 调用 。 


: 常 小 ， 代 码 紧 次 。 


// 用 3 秒 时 间 和 逐步 隐藏 动画 (淡出 ) 


// 用 3 秒 时 间 逐 步 显 示 动 画 ( 淡 入 ) 
jQuery 语言 的 主要 特点 是 语句 简短 且 易 读 性 强 ， 更 为 

是 从 多 条 JavaScript 语句 中 抽象 出 来 的 ， 经 过 了 反复 验证 ， 与 使 用 多 条 原始 
名 进行 设计 相 比 ， 出 错 的 概率 大 大 降低 ， 语 句 变 得 更 加 “健壮 ”。 


与 JavaScript 语言 以 及 其 他 JavaScript 库 相 互 兼 容 。 


6.1.4 配置 jQuery 的 使 用 环境 
使 用 jQuery 前 需要 配置 使 用 环境 ， 为 此 需要 首先 从 因特网 中 下 载 jQuery 库 ， 为 了 下 


载 当 时 的 最 新 版 本 ， 打 开 jQuery 的 官方 网 站 ， 


面 如 图 6.1 所 示 。 

这 是 2010 年 12 月 jQuery 的 版 本 情况 。 从 网 页 右 下 方 可 以 看 出 ，jQuery 当时 的 最 新 
版 本 (Current Release) 是 v1.4.3。 客 户 可 以 根据 需要 选用 两 种 下 载 版 本 之 一 
PRODUCTIONGQuery-1.4.3_min.js): 是 压缩 版 本 ， 其 容量 仅 为 26KB， 主 要 用 于 


产品 开发 。 


DEVELOPMENT(jQuery-1.4.3_js): 是 无 压缩 版 本 ， 


其 网 址 是 http://jQuery.com/。 


源 代码 和 相关 文件 ， 主 要 用 于 系统 测试 和 开发 。 
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该 网 站 的 主页 


量 为 179KB， 包 括 更 多 的 
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图 6.1 jQuery 的 官方 网 站 
现在 准备 下 载 前 一 种 版 本 。 先 选择 版 本 前 面 的 国 ， 再 单 击 Download 按钮 ， 将 该 库 下 
载 到 指定 的 目录 下 来 。 解 压 后 再 放置 到 网 站 的 目录 下 来 (例如 放 在 网 站 目录 scripts 下 面 )， 
并 在 <head>...</head> 字 段 中 引用 jQuery 库 。 引 用 的 代码 如 下 。 


<script type="text/javascript" src="scripts/jQuery.min.js"></script> 


6.1.5 jQuery 的 起 始 语 句 


jQuery 的 主要 任务 就 是 读 取 和 处 理 浏 览 器 中 的 DOM 元素， 为 此 jQuery 的 每 个 脚本 前 
都 要 写 一 段 “ 起 始 语句 ”， 以 保证 只 有 在 DOM 文档 载 入 浏览 器 以 后 才 执 行 其 他 代码 。 起 
始 语句 的 格式 如 下 。 

$ (document) .ready (function() { 

// 后 续 执行 的 代码 (语句 体 ) 

1D); 

语句 中 的 $ 在 jQuery 中 用 得 最 多 ， 它 是 jQuery 的 缩写 。 由 于 代码 中 经 
jQuery， 用 $ 代 替 能 够 缩短 代码 的 长 度 。 如 : $("#fo0") 与 jQuery("#foo") 是 等 价 的 。 

在 起 始 语句 中 ， 系 统 用 一 个 ready0 事 件 作为 处 理 DOM 文档 的 开始 ， 它 表示 只 有 将 
DOM 文档 调 入 浏览 器 以 后 才 开始 执行 后 续 语 句 (这 些 后 续 语句 又 称 为 “语句 体 ”)。 

对 起 始 语 句 还 可 以 作 进 一 步 的 简化 。 简 化 后 的 格式 如 下 。 

$ (function(){ 

// 后 续 执 行 的 代码 (语句 体 ) 
3 

在 JavaScript 语言 中 ， 其 实 也 有 一 个 类 似 的 方法 ， 名 为 window.onload。 但 该 方法 的 执 
行 过 程 与 这 里 的 起 始 语句 稍 有 区 别 。window.onload 方法 是 在 网 页 中 所 有 元 素 (包括 各 种 关 
联 文件 ) 都 完全 加 载 到 浏览 器 以 后 ， 才 开始 执行 后 续 语 句 。 如 果 有 一 个 大 型 图 库 网 站 ， 必 
须 等 到 所 有 文件 (包括 全 部 图 片 ) 都 下 载 完 后 ， 才 能 执行 后 续 语句 。 而 执行 
$(document).ready0 方 法 时 ， 只 需 等 到 DOM 下 载 完毕 即 可 执行 后 续 语句 。 从 时 间 上 看 后 者 
的 启动 时 间 会 短 一 些 。 


6.1.6 示例 
F 面 用 一 个 简单 的 示例 来 概括 一 个 jQuery 程序 所 包括 的 内 容 。 程 序 代码 如 下 。 


用 到 
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<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<! 一 引用 jQuery 库 人 
<script type="text/javascript" src="scripts/jQuery- 
1.4.3.min.js"></script> 
<! 一 jQuery 语句 > 
<script type="text/javascript"> 
<!- 起 始 语句 这 
$ (document) .ready (function(){ 
<! 一 后 续 语句 (语句 体 ) 人 
$("a") .click(function(){ 
alert ("您 好 ! "); 
Ds; 
nD; 
</script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<!-HTML 标记 人 
<div> 
<a> 一 个 最 简单 的 程序 </a> 
</div> 
</form> 
</body> 
</html> 


运行 本 示例 ， 并 且 单 击 链接 标记 (<a>.…</a>) 中 的 提示 时 ， 将 弹出 “您 好 ! ”的 问候 窗 
口 。 在 这 个 程序 中 语句 体 实际 上 只 做 了 两 件 事 。 

@ 给 HTML 元 素 定位 。 如 程序 中 的 $("a") 语 句 。 

@ ”处 理事 件 。 如 处 理 click0 事 件 。 

这 是 一 个 最 简单 的 jQuery 程序 ， 整 个 程序 涉及 HTML 标记 、CSS 定义 (本 示例 没有 用 
到 )、 引 用 jQuery 库 、 起 始 语句 以 及 后 续 执 行 语句 (语句 体 )5 个 部 分 。 其 中 引用 jQuery 库 
以 及 起 始 语 句 虽然 不 可 缺少 ， 但 都 比较 固定 。 因 此 设计 的 重点 是 HTML 标记 、CSS 定义 
与 语句 体 三 者 之 间 的 结合 。 


6.2 jQuery 对 元 素 定 位 


6.2.1 定位 集合 对 象 

jQuery 的 定位 方式 与 CSS 的 定位 方式 相同 ， 即 通过 “选择 器 ”来 定位 元 素 。 定 位 的 
结果 是 选择 了 一 组 jQuery 对 象 集 。jQuery 的 定位 语句 格式 如 下 。 

@ $(" 标 记名 "): 根据 HTML 标记 定位 。 例 如 ，$("a")， 定 位 所 有 的 标记 为 a 的 

元 素 。 

@ 。 $(0# 元 素 id"): 根据 元 素 id 定位 。 例 如 ，$("#content")， 定 位 id=content 的 元 素 。 
$(".class 名 "): 根据 类 名 定位 。 例 如 ，S$(".lend")， 定 位 所 有 的 类 名 为 lend 的 元 素 。 
@ $(" 标 记 1, 标 记 2,..."): 定位 多 标记 元 素 。 例 如 ，$("td,p,div")， 定 位 所 有 标记 为 

td、p、div 的 元 素 。 
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@ $(" 父 元 素 后 代 元 素 ): 定位 后 代 元 素 。 例 如 ，$(".link a")， 定 位 类 名 为 link 后 代 
中 所 有 的 a 元 素 。 

@ $("*"); 定位 所 有 元 素 。 

jQuery 对 象 集 是 jQuery 特有 的 一 种 类 型 ， 它 代表 一 组 jQuery 对 象 的 集合 。 而 原始 
JavaScript 的 定位 语句 定位 的 是 单个 DOM 对 象 。 例 如 : 

var node=getElementById(" 元 素 ID"); 

或 者 

var node=getElementBydName ("元 素 名 "); 

上 述 语句 中 的 node 都 是 单个 DOM 对 象 。jQuery 对 象 集 与 DOM 对 象 不 同 ， 各 自 只 能 
使 用 属于 自己 的 方法 (第 5 章 中 JavaScript 的 方法 只 适用 于 DOM 对 象 )。 当 然 集合 对 象 与 
单个 DOM 对 象 之 间 也 很 容易 相互 转换 。 转 换 方 法 如 下 。 

(D 从 jQuery 对 象 转换 成 DOM 对 象 时 ， 有 如 下 两 种 情况 。 

@@ jQuery 是 一 个 数组 对 象 ， 可 以 通过 [index] 方 法 得 到 DOM 对 象 。 例 如 : 

Var $content = $("#content"); 

其 中 $content 是 jQuery 对 象 集 。 变 量 名 中 的 $ 并 不 是 必要 的 ， 放 在 这 里 只 是 为 了 与 一 
般 变量 区 别 。 

Var content = $content [0]; 

其 中 content 是 从 jQuery 对 象 集 转换 成 的 单个 DOM 对 象 。 

@ ”通过 get(index) 方 法 获得 DOM 对 象 。 例 如 : 


Var $content = $("#content"); // $content 是 jQuery 对 象 集 
var content = $content.get(0);  // content 是 转换 后 的 第 一 个 DOM 对 象 


(2) 从 DOM 对 象 转换 成 jQuery 对 象 时 ， 只 需 用 $0 将 DOM 对 象 包装 起 来 即 可 。 例 如 : 

var content = document .getElementById("content")  // 得 到 DOM 对象 

Var $content = $ (content); // 转 换 为 jQuery 对 象 

下 面 用 一 个 动画 示例 ， 来 演示 jQuery 的 定位 方法 。 这 是 一 个 同时 操作 4 张 图 片 的 程 
序 ， 其 显示 的 界面 如 图 6.2 所 示 。 当 单 击 右 下 方 的 button 按钮 时 ，4 张 图 片 同 时 在 3 秒 内 
隐藏 ， 若 再 单 击 按钮 时 ， 在 3 秒 钟 内 又 逐步 恢复 原状 。 


6.2 图 片 隐藏 /显示 示例 
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下 面 是 jQuery 的 程序 代码 ， 代 码 的 后 面 均 用 注释 语句 加 以 说 明 。 


<script type="text/javascript"> 
$ (document) .ready (function() { // 起 始 语 句 
$("#Buttonl") .click (function() { // 触 发 事件 
if ($("img").is(":visible")) {  // 判 断 语句 


$ ("img") .hide(3000) ; // 语 句 体 ，3 秒 内 逐步 隐 含 
} else { 
$ ("img") .show (3000); // 语 句 体 ，3 秒 内 逐步 恢复 显示 
} 
nD; 
Ds; 
</script> 
</head> 
<body> 


<form id="forml" runat="server"> 
<div> 
<img alt="0 号 图 片 " src="images/ 图 片 小 0.jpg"” /> 
<img alt="1 号 图 片 ”" src="images/ 图 片 小 1.jpg” /> 
<img alt="2 号 图 片 ”src="images/ 图 片 小 2.jpg" /> 
<img alt="3 号 图 片 ”src="images/ 图 片 小 3.jpg" /> 
<input id="Buttonl" type="button" value="button" /> 
</div> 
</form> 


</body> 
</html> 


语句 体 中 使 用 了 两 种 定位 语句 。 


@ S$("#Button1"): 定位 所 有 id=Buttonl 的 元 素 ， 用 来 与 后 面 的 事件 绑 定 。 在 本 例 中 
只 有 一 个 Button1。 
@ SOoimg"): 定位 所 有 HTML 标记 为 img 的 元 素 ， 它 是 一 组 元 素 的 集合 。 在 本 例 
中 有 4 个 img 标记 元 素 ( 即 4 张 图 片 )， 它 们 是 事件 的 执行 者 。 在 这 里 是 4 张 图 片 
- 同 隐藏 或 者 一 同 显示 。 
6.2.2 ”定位 单个 (或 部 分 ) 对 象 
有 时 只 希望 访问 某 个 特定 元 素 (或 部 分 元 素 )，jQuery 也 为 此 提供 了 很 多 简便 的 方法 。 
下 面 使 用 的 是 一 种 自 定义 选择 器 的 方法 ， 其 格式 是 在 选择 器 后 面 增加 一 个 冒号 (: ) 再 
加 上 自 定义 名 。 
@ :even: 序号 为 偶数 的 元 素 。 如 $("img:even")。 
@  :odd: 序号 为 奇数 的 元 素 。 如 $("img:0dd")。 
@ :first， 首位 元 素 。 如 $("img:first")。 
@ :last: 最 后 的 元 素 。 如 $("img:last")。 
@ :eq(index): 序号 为 index 的 元 素 。 如 $("img:eq(2)")， 代 表 第 三 个 元 素 (序号 从 0 
始 )。 
现在 对 前 面 的 jQuery 程序 进行 改写 ， 只 将 奇数 的 图 片 进行 “隐藏 /显示 ”。 代 码 修改 


如 下 。 
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<script type="text/javascript"> 
$ (document) .ready (function() { 
$("#Buttonl") .click(function() { 
if ($("img:odd") .is(":visible")) { 
$ ("img:odd") .hide (3000); 
} else { 
$ ("img:o0dd") .show(3000); 
} 
Ds; 
nD; 
</script> 


运行 程序 并 查看 运行 的 结果 。 
6.2.3 ”根据 层次 关系 对 元 素 定 位 


根据 层次 关系 对 元 素 定位 是 jQuery 常用 的 方法 。 

®@  $("ancestor descendant"): 选取 ancestor 所 有 的 后 代 元 素 (descendant)。 例 如 ， 
$(".link a") 代 表 选 取 类 名 为 link 后 代 中 所 有 的 a 元素 (注意 中 间 用 空格 分 开 )。 

@ $(0parent>child"): 选取 parent 父 元 素 的 所 有 子 元 素 (child)。 例 如 ，$(".link>a") 代 
表 选 取 类 名 为 link 的 儿子 中 所 有 a 元 素 。 


6.2.4 在 遍历 DOM 中 进行 定位 


在 DOM 的 遍历 中 给 元 素 定 位 ， 是 jQuery 常用 的 方法 。DOM 元 素 之 间 存 在 着 一 种 层 
次 关系 。 其 部 分 结构 如 图 6.3 所 示 。 


html 


head bo 


mefa tile Pp ul 


图 6.3 DOM 结构 示例 

DOM 元 素 的 这 种 层次 关系 与 人 们 的 家 族 关系 类 似 ， 因 此 可 以 借助 家 族 之 间 的 称呼 来 
进行 类 比 。 以 图 6.3 为 例 ，<html> 是 所 有 元 素 的 祖先 。 换 句 话说 ， 所 有 其 他 元 素 都 是 
<html> 的 后 代 子 孙 。<head> 和 <body> 是 <html> 的 两 个 孩子 ，<head> 与 <body> 之 间 
是 兄弟 。<p> 元 素 是 <body> 的 孩子 ， 也 是 <html> 的 后 代 ，<p> 与 <ul> 元 素 之 间 是 兄弟 等 。 

@ children( 方 法 : 利用 children0 方 法 可 以 获得 本 元 素 孩 子 元 素 的 个 数 。 

@ next0 方 法 : 用 于 匹配 本 元 素 的 下 一 个 兄弟 元 素 。 

@ prev( 方 法 : 用 于 匹配 本 元 素 的 上 一 个 兄弟 元 素 。 

@ siblings(0 方 法 : 用 于 匹配 本 元 素 前 后 所 有 的 同辈 (兄弟 ) 元 素 。 
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6.3 ”事件 与 方法 


6.3.1 事件 

1. 概述 

1) ”事件 的 类 型 

jQuery 的 事件 包括 有 多 种 类 型 。 

@ 与 鼠标 相关 的 事件 有 mouseover 、mouseout 、focus 、blur 、mousedown 、 
mouseup、mousemove 等 。 

@ 与 键盘 相关 的 事件 有 keydown、keypress、keyup 等 。 

@ 其 他 相关 的 事件 有 load、unload、error、change、select、submit 等 。 

还 可 以 有 一 些 自 定 义 的 事件 。 

2) 与 事件 绑 定 的 方法 

例如 : 

$ ("定位 元 素 ") .clLick (…) 7 // 将 鼠标 单 击 事件 绑 定 到 定位 元 素 上 


再 如 : 
$ ("定位 元 素 ") .mouseover (.…) ; // 将 鼠标 进入 (覆盖 ) 事件 绑 定 到 定位 元 素 上 
2. 示例 
下 面 是 一 个 对 树 形 控件 设计 的 示例 。 控 件 中 包括 几 个 列表 项 ， 当 单 击 其 中 某 项 的 名 称 
时 ， 该 项 的 子 项 显示 或 者 隐藏 起 来 。 
1) HTML 的 相关 代码 
HTML 的 相关 代码 如 图 6.4 所 示 。 
2) ”对 应 的 DOM 结构 图 
上 述 代码 对 应 的 DOM 结构 如 图 6.5 所 示 。 
3) jQuery 的 代码 
jQuery 的 代码 如 下 。 
<script type="text/javascript"> 
$(function() { 
$(".m-treeview 1i span") .click(function() { 
var S$ui = $(this).siblings ("ul"); 
if (Sui.is(":Visible")) { 
S$ui.hide(); 
} else { 
S$Sui.show(); 
} 
return false; 
Ds; 


nD; 
</script> 
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<form id="form1" munat= "server > 


<ul class="m-treeview" > 
一 一 < class="m-expanded'> 
<span><ahre 全 "可 > 衬衫 </a><fspan> 
一 <ul> 
<li><ahref=" 帮 > 无 袖 衬衫 </a></li> 
<li><ahref="#> 短 袖 衬衫 </a></li> 
<li><ahref="#'> 长 袖 衬衫 </a><ili> 
一 <ful> 
人 有 学 
-一 <li class="m-expanded"> 
<span><ahre 全 "如 > 裙 装 </a><fspan> 
-一 <ul> 
<Hi><ahre 全 "可 > 长 裙 </a><ii> 
<li><a href=" 帮 > 短 裙 </a></li> 
<li><a href=" 帮 > 超短裙 </a></li> 
-一 <hl> 


= o> 


— <liclass="m-expanded'> 
<span><a href=" 帮 > 外 农 </a></span> 
-一 <ul> 


< 


-一 <hl>” 


-一 <li> 


-一 <hul> 
<fform> 


6.4 ” 树 形 控件 代码 的 层次 关系 


html 


body 


(class="m-treeview") 


CR 
其 航 ' 


6.5 ” 树 形 控件 的 DOM 结构 简 图 
4) 运行 结果 
运行 结果 如 图 6.6 所 示 。 
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图 6.6 树 形 控件 运行 结果 


5) ”代码 分 析 

对 于 jQuery 语句 体 的 代码 分 析 如 下 。 

®@  $(".m-treeview li span") 是 根据 层次 定位 的 语句 ， 目 的 是 找到 类 名 为 m-treeview 后 
代 标 签 i， 在 后 代 标 签 span 中 的 元 素 集合 ， 用 来 绑 定 click 事件 。 

@ var $ui = $(this).siblings("ul"); 等 号 右边 的 $(this) 是 jQuery 中 一 个 重要 的 关键 字 ， 
它 是 单个 DOM 对 象 (不 是 对 象 集 )， 通 常 代 表 被 单 击 的 对 象 。 在 本 例 中 代表 被 单 
击 的 span 元 素 。 整 个 语句 连 起 来 的 意思 就 是 ， 将 被 单 击 的 span 元 素 的 所 有 兄弟 
元 素 取出 来 ， 赋 给 $ui 变量 。 

这 里 的 赋值 实际 上 是 一 种 数据 缓存 的 办 法 ， 如 果 程 序 中 某 些 元 素 要 多 次 使 用 
时 ， 可 以 先 将 其 缓存 起 来 ， 以 后 直接 调用 变量 名 即 可 ， 用 不 着 每 次 重新 定位 ， 
也 就 提高 了 运行 的 效率 。 

® 过 ($uiis(":visible")) 语 句 用 来 判断 被 缓存 的 变量 ($ui) 是 否 显示 ， 以 便 决 定 是 执行 隐 

藏 (hide0) 还 是 显示 (show0) 操 作 。 


6.3.2 ”成 对 事件 代码 的 简化 


有 些 事 件 往往 成 对 地 出 现 ， 如 hover0 与 toggle0， 系 统 对 这 些 事件 提供 了 简化 代码 的 
方法 。 

1. hover() 方 法 

hover0 方 法 的 语法 结构 如 下 。 

hover (enter, leave); 


该 方法 包括 两 个 函数 ， 中 间 用 逗号 () 隔 离 。 鼠 标 进 入 时 执行 第 一 个 函数 ， 鼠 标 退 出 时 
执行 第 二 个 函数 。 格 式 如 下 。 
<script type="text/javascript"> 
$(function() { 
$ ("元 素 定位 ") .hover (function () { 
// 鼠标 进入 时 的 函数 体 
}, function() { 
// 鼠标 退出 时 的 函数 体 
Ds; 
]) 
</script> 
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2.toggle() 方 法 
toggle0 方 法 的 语法 结构 如 下 。 
toggle (fn1, fn2,..fnN); 


当 第 一 次 单 击 时 触发 第 一 个 函数 (hl1)， 再 次 单 击 同一 元 素 时， 触发 第 二 个 函数 (fn2)， 
其 他 依次 触发 。 格 式 如 下 。 


<script type="text/javascript"> 
$(function() { 
$ ("元 素 定位 ") .toggle (function() { 
// 第 一 个 函数 
},function() { 
// 第 二 个 函数 
nD); 
]) 7 
</script> 


6.3.3 ”事件 冒 泡 
1. 什么 是 冒 泡 
由 于 在 HTML 内 有 些 元 素 呈 嵌 套 状 态 ， 这 种 情况 下 ， 内 层 元 素 被 某 个 事件 触发 时 ， 


其 外 层 元 素 也 会 响应 同一 事件 ， 其 响应 过 程 从 内 向 外 逐步 扩散 ， 如 同 水 中 的 气泡 从 下 而 上 
移动 一 样 。 

2. 停止 冒 泡 

事件 冒 泡 可 能 带 来 某 种 意 想 不 到 的 结果 ， 因 此 有 必要 对 事件 的 作用 范围 进行 限制 。 系 
统 提供 的 stopPropagation() 方 法 可 以 用 来 停止 冒 泡 ， 也 可 以 用 return false 语句 来 停止 
冒 泡 。 

3. 阻止 默认 行为 

网 页 元 素 通常 都 有 自己 的 默认 行为 。 例 如 单 击 超 链 接 标记 时 将 跳 转 到 新 网 页 ， 单 击 
【提交 】 按 钮 时 提交 表单 内 容 等 。 可 以 用 preventDefault0 方 法 来 阻止 元 素 的 默认 行为 ， 同 
样 也 可 以 用 return false 来 阻止 默认 行为 。 


6.4 对 节点 的 操作 


6.4.1 创建 新 节点 


通过 jQuery 可 以 给 DOM 增加 新 的 临时 节点 。 方 法 是 首先 定义 新 节点 的 内 容 ， 然 后 再 
用 append0 方 法 将 新 节点 插入 到 HTML 中 。 

本 示例 是 6.3.1 节 示 例 的 继续 ， 目 的 是 给 树 形 节点 的 列表 增添 新 节点 。jQuery 的 代码 
如 下 。 


$ (function() { 
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$(".m-treeview li span") .click(function() { 

var S$ui = $(this) .siblings ("ul"); 

var Snewnodl = $("<li title=' 连 衣 裙 '> 连衣裙 </1i>"); // 创 建 第 一 个 新 节点 

var Snewnod2 = $("<li title=' 吊 带 裙 '> 吊带 裙 </1i>"); // 创 建 第 二 个 新 节点 
S$ui.append ($newnod1); // 将 新 节点 插入 HTML 中 
S$ui.append ($newnod2); 

Ds; 
Ds; 


增加 新 节点 后 的 界面 如 图 6.7 所 示 。 


6.7 ”增加 节点 示例 


6.4.2 ”删除 节点 
删除 节点 时 使 用 remove0 方 法 。 
例如 : 
$("ul li:eq(1)") .remove(); ”// 代 表 将 ul 后 代 第 二 个 1i 元 素 清除 


6.4.3 ”复制 节点 
复制 节点 也 是 jQuery 对 DOM 的 常用 操作 之 一 。 复 制 时 使 用 clone0 方 法 。 例 如 : 


$(function() { 
$ ("ul li") .click(function() { // 单 击 ul 下 面 的 某 项 1i 时 
$(this) .clone () .appendTo ("ul"); // 将 该 项 复制 并 增添 到 ul 下 面 


Ds; 
Ds; 


按照 上 述 方法 复制 后 的 新 元 素 并 不 具备 任何 行为 。 如 果 需 要 新 元 素 也 具有 复制 功能 
(本 例 中 是 单 击 事件 ) 应 将 代码 

$ (this) .clone () .appendTo ("ul1"); 
改写 为 

$ (this) .clone (true) .appendTo ("ul"); 


即 在 clone0 方 法 的 括 弧 中 增加 了 true。 这 样 ， 被 复制 的 新 元 素 也 同样 具有 被 复制 的 功 
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6.5 样式 操作 
jQuery 可 以 通过 样式 操作 来 临时 增添 或 移 除 元 素 的 CSS 定义 ， 以 改变 元 素 的 外 观 。 


6.5.1 获取 样式 

获取 元 素 样式 属性 的 语句 如 下 。 

var p_class=$ ("p") .attr("class"); // 获 取 <p> 元 素 中 的 class 选择 器 
6.5.2 ”增加 样式 

为 匹配 的 元 素 增加 class 选择 器 。 其 语句 如 下 。 

$ ("元 素 名 ") .addclass ("类 选择 器 名 ") ; 

例如 : 

$("p").addclass ("myclass"); 

<p class="myclass">.</p> 

允许 给 匹配 的 元 素 增添 多 个 类 ， 类 名 之 间 用 空格 分 开 。 例 如 : 

$("p") .addCclass ("myclassl myclass2"); 

结果 是 


<p class="myclassl myclass2">..</p> 


6.5.3 删除 样式 
为 匹配 元 素 删 除 class 选择 器 的 语句 如 下 。 


$("p") .removeClass ("anotherclass"); 

给 匹配 的 元 素 删除 指定 的 类 (这 里 是 指名 删除 类 anotherclass)。 

若 不 指定 类 名 时 ， 代 表 删 除 匹配 元 素 中 所 有 的 类 选择 器 。 
6.5.4 判断 元 素 是 否 含有 某 样 式 


判断 元 素 是 否 含有 某 样式 的 语句 如 下 。 


$("p") .hasClass ("anotherclass"); // 判断 <p> 元 素 中 是 否 含有 anotherclass 类 选择 器 ， 
如 果 含 有 该 样式 时 将 返回 true 
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6.6 利用 jQuery 设计 动画 


6.6.1 show() 与 hide() 方 法 

show0 与 hide0 是 动画 中 两 个 最 基本 的 方法 ， 在 HTML 文档 中 ， 为 一 个 元 素 调用 hide0 
方法 ， 会 将 该 元 素 的 display 样式 改 为 none， 此 时 ， 系 统 会 记 住 元 素 原 来 的 display 属性 。 
当 执 行 show0 方 法 时 ， 就 会 恢复 原来 的 状态 。 

当 show0 与 hide0 方 法 中 不 带 参 数 时 ， 显 示 或 隐 含 都 会 立即 执行 。 如 果 希 望 按 照 一 定 
的 速度 逐步 执行 时 ， 可 以 在 参数 中 增添 数字 。 例 如 : 

$ ("element") .show(1000) ;// 将 使 元 素 ("element") 在 1 秒 钟 (1000 毫秒 ) 内 慢 慢 显示 出 来 

同样 : 

$ ("element") .hide (2000) ;// 将 使 元 素 ("element") 在 2 秒 钟 (2000 毫秒 ) 内 慢 慢 消失 

也 可 以 用 slow、normal、fast 字符 串 来 指定 速度 ， 三 者 分 别 代表 的 时 间 为 600、400 
和 200 毫秒 。 例 如 : 


$ ("element") .show("slow"); 


后 面 几 种 方法 指定 速度 的 方法 与 此 相同 。 
6.6.2 fadeln() 与 fadeOut() 方 法 


fadeIn0 与 fadeOut0 方 法 只 改变 元 素 的 不 透明 度 。fadeOut0 会 在 指定 时 间 内 逐步 降低 
元 素 的 不 透明 度 ， 直 到 元 素 完全 消失 。fadeIn0 与 上 述 情况 相反 。 


6.6.3 slideUp() 与 slideDown() 方 法 


slideUp() 与 slideDown0 方 法 用 来 改变 元 素 的 高 度 。 如 果 一 个 元 素 display 的 属性 为 
none， 调 用 slideDown0 方 法 时 ， 该 元 素 会 由 上 至 下 逐步 延伸 显示 。slideUp0 的 情况 与 此 
相反 。 


6.6.4 _ animate() 方 法 


animate0 函数 功能 很 强 ， 是 动画 代码 的 核心 ， 它 可 以 用 于 更 改 随时 间 而 逐步 改变 的 
CSS 样式 值 。 比 如 可 以 逐步 改变 高 度 、 宽 度 、 不 透明 度 和 位 置 等 。 还 可 以 直接 用 毫秒 或 者 
用 慢 速 (low)、 中 速 ormal) 或 快速 (fasb 等 来 指定 改变 的 速度 。animateO 的 语法 结构 如 下 。 


animate (params, [speed], [callback]); 


其 中 的 参数 介绍 如 下 。 

@ ”params: 一 个 包括 样式 属性 及 值 的 映射 ， 其 值 只 代表 执行 完成 后 的 结果 ， 起 始 值 
就 是 当前 值 ， 不 需 设置 。 

@ ”speed: 速度 参数 ， 可 选 。 例 如 : 
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animate ({opacity: "0.1", left: "+-400"},2000) 


代表 某 元 素 在 2 秒 钟 时 间 内 ， 不 透明 度 从 当前 状态 变 成 0.1， 左 边 距 增加 


400px。 
@ callback: 回调 函数 ， 即 动画 执行 完成 时 调用 的 函数 。 可 选 。 
6.6.5 示例 


下 面 是 一 个 “ 际 动 的 方块 ”的 示例 ， 用 来 演示 利用 animate0 方 法 产生 的 动态 效果 。 
该 方块 的 初始 状态 如 图 6.8 所 示 。 
div#changel 


6.8 ”飘动 方块 的 初始 状态 
1. HTML 代码 
对 应 的 HTML 代码 如 下 。 


<form id="forml" runat="server"> 
<div> 
<div id="squarel"></div> 
</div> 
</form> 

</body> 

</html> 


对 应 的 CSS 定义 如 下 。 


<style> 

#squarel 

{ 
width:120px; 
height:110px; 
background-color:Blue; 
position:relative; 

1 

</style> 


注意 : 这 里 的 布局 采用 了 “相对 定位 ”方式 ( 即 position:relative)， 只 有 这 样 才能 使 方 
块 飘动 起 来 。 


2. JQuery 代码 
JQuery 代码 如 下 。 


$ (document) .ready (function() { 

$("#squarel") .click (function() { 

$ (this) .animate({opacity: "0.1", left: "+=400"},2000) .animate ({opacity: 
"0.4", top: "+=160", height: "20", width: "20"}, 
"slow") .animate ({opacity: "1", left: "0", height: "100", width: "100"}, 
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"slow") .animate({top: "0"}, "fast") .slideUp() .slideDown ("slow"); 
// 在 animate() 中 用 slow、fast 等 来 表示 速度 时 要 加 引号 
// 如 果 用 数字 表示 速度 不 需 加 引号 
]) 7 
]) 7 
从 本 示例 可 以 看 出 ， 如 果 对 同一 元 素 使 用 多 种 方法 时 ， 可 以 用 连 写 的 方式 调用 方法 。 
此 时 前 一 个 方法 结束 时 的 状态 ， 就 是 后 一 个 方法 的 起 点 。 其 参数 和 坐标 都 不 需要 重新 定 
义 ， 这 将 大 大 简化 设计 ， 减 少 代 码 的 长 度 。 
6.6.6 ”停止 元 素 动画 
很 多 时 候 需要 停止 匹配 元 素 正 在 进行 的 动画 ， 此 时 可 以 使 用 stop0 方 法 。stop0 方 法 的 
结构 是 
stop ([clearQueue] [, gotoEnd]); 
参数 clearQueue 和 gotoEnd 都 是 可 选 的 ， 其 值 为 boolean 型 (true 或 false)。clearQueue 
代表 是 否 要 清空 未 执行 完 的 动画 队列 ，gotoEnd 代表 是 否 直接 将 正在 执行 的 动画 跳 到 
如 果 直 接 用 stop0 方 法 (不 带 参 数 )， 则 立即 停止 当前 的 动画 ， 并 立即 执行 队列 中 的 下 
-个 动画 。 


6.7 动画 设计 示例 


下 面 用 两 个 示例 来 综合 讲解 动画 的 设计 方法 。 
例 6.1 移动 的 图 片 。 
显示 的 界面 如 图 6.9 所 示 。 


6.9 移动 图 片 示例 


当 单 击 左下 方 的 按钮 时 ， 图 片 将 向 左 或 向 右 移动 ， 每 次 只 显示 其 中 一 (或 两 ) 幅 图 片 。 
设计 过 程 如 下 。 

(1) 下 载 并 引用 jQuery 库 。 

(2) 下 载 图 片 并 进行 布局 。 这 里 用 <ul>< 1 这 列 表 进 行 布局 。 代 码 如 下 。 
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<div class="alllist"> 
<ul> 
<li><a href="#"> <img alt="imagel" src="image/ 图 片 小 1.jpg" /></a></1i> 
<li><a href="#" > <img alt="image2"” src-="image/ 图 片 小 2 jpg" /></a></1i> 
<li><a href="#"> <img alt="image3"” src="image/ 图 片 小 3.jpg" /></a></1i> 


<li><a href: image4"” src="image/ 图 片 小 4.jpg" /></a></1i> 
<li><a href="#"> <img alt="image5"” src="image/ 图 片 小 5.jpg" /></a></1i> 
<li><a href="#" > <img alt="image6"” src="image/ 图 片 小 6.jpg" /></a></1i> 
</ul> 
</div> </div> 
</form> 


(3) 编写 CSS 定义 。 
默认 情况 下 网 页 中 每 一 行将 显示 一 张 图 片 。 为 了 将 多 张 图 片 排列 成 一 行 ， 应 采用 
“float:left;” 方 式 布局 ， 即 从 左 到 右 按 序 排列 。CSS 的 定义 如 下 。 


ul lif{ 
float:left; // 将 图 片 从 左 到 右 排列 
} 


为 了 允许 整个 图 片 移动 ， 将 class=“alllist” 定 义 成 “position: relative” 布 局 。 


-alllist { 
position:relative; // 允 许 移动 
width:600px; 
height:100px; 
} 


为 了 各 图 片 显示 的 大 小 一 致 ，CSS 的 定义 语句 如 下 。 


img { 
border:0; 
width:100px; // 定 义 图 片 的 大 小 
height:100px; 
} 


(4) 设置 移动 按钮 。 
设置 移动 按钮 的 代码 如 下 。 


<h5 class="moveto"><a href="#" 
class="move to right">=></a>&nbsp; gnbsp; gnbsp; 
<a href="#" class="move to left"><=</a></h5> 


将 其 设置 为 relative 布局 方式 ， 然 后 将 其 拖 动 到 合适 的 位 置 。 
(5) 编写 jQuery 代码 。 
jQuery 的 代码 如 下 。 


$(function() { 
$(".move to right") .click(function() { 
$(".alllist") .animate({ left: '+=' + 100 }, "slow"); 
Ds; 
$(".move to left").click(function() { 
$(".alllist") .animate({ left: '-="' + 100 }, "normal"); 
Ds; 
D1); 
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(6) 限制 图 片 的 显示 。 

如 果 每 次 只 显示 1 一 2 张 图 片 时 ， 可 以 在 <div class="alllist">...</div> 的 外 面 再 加 上 一 
个 “外 框 ”， 并 将 外 框 放置 在 某 个 固定 位 置 上 ， 对 超出 外 框 的 图 片 实现 隐藏。 其 设计 思路 
如 图 6.10 所 示 。 


<div class= partlist"> 


<div class= "alllist”> 


<al> 
<1i7>.…<11i7 
Lo ee 
(class="partlist") <139...<113> 
<fal> 
fdiv> 
<yaiv> 


6.10 ”增添 外 框 限制 显示 范围 
CSS 定义 的 代码 如 下 。 


.partlist{ 


position:absolute; // 用 绝对 定位 的 方式 进行 布局 
top:0; 
left:300px; 
width: 100px; // 显 示 一 张 图 片 
height: 100px; 
border: solide lpx blue; // 增 加 边框 
overflow:hidden; // 隐 含 超出 部 分 
} 


其 中 overflow:hidden; 属 性 的 作用 是 将 超出 外 框 的 图 片 隐藏 起 来 。 

例 6.2 多 张 图 片 自动 转换 。 

本 示例 仍然 是 逐步 显示 多 张 图 片 ， 但 采用 另 一 种 方法 设计 ， 设 计 思 路 更 巧妙 ， 效 果 更 
好 。 设 计 的 要 点 如 下 。 

@ 多 张 图 片 像 “ 扑 克 牌 ”一 样 重 琶 摆 放 。 

@ ”用 DOM 遍历 方式 选择 图 片 ， 用 改变 纵深 序号 (z-index) 的 方法 改变 显示 的 图 片 。 

@ ” 当 显 示 完 最 后 一 张 图 片 后 ， 自 动 转向 第 一 张 图 片 继 续 循 环 。 

@ ”定时 触发 上 述 行为 。 

显示 的 界面 如 图 6.11 所 示 。 


6.11 重叠 摆 放 后 的 显示 
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相关 代码 如 下 。 
(1) HTML 布局 。 


<body> 
<form id="form 1 runal="server"> 
<div id="slideshow"> 
<a href="current"> 
[ <a href="#" ><img alt=" 人 物 1" src="image/r1.jpg"/></a> 
</div> 


</div> 
[ <a href="#" ><img alt=" 人 物 2" src="image/r2.jpg"/></a> 
</div> 


</div> 
| <a href="#" ><img alt=" 人 物 3" src="image/r3.jpg"/></a> 
</div> 
</div> 
</form> 
</boby> 


它 表 示 在 类 (.slideshow) 的 下 面 有 三 个 由 div 组 成 的 层 (也 可 以 更 多 )， 每 个 层 上 面 放 有 
- 张 图 片 。 上 述 代码 对 应 的 DOM 结构 如 图 6.12 所 示 ( 这 里 只 画 了 相关 部 分 )， 图 中 还 显示 


出 jQuery 的 遍历 过 程 。 
-Slidpshow 
A A 


遍历 过 程 -下 i Ey 


6.12 在 DOM 中 遍历 的 过 程 


(2) CSS 定义 。 
<style type="text/css"> 
#slideshow{position:relative;height:50px;width:70px;margin:0 auto Spx ;} 
#slideshow divt{ 
position :absolute;top:0;left:0;z-index:8;height:50px;width: 70px; 
border:2px solid #0000ff; overflow :hidden;background-color:#FFF; 
3 
#slideshow div img{ 
position:absolute;top:0px;left:0px; 
display:block;border:0;margin-bottom: Opx; 
} 


#slideshow div.current{z-index:10;} 
</style> 
定义 中 将 最 外 部 元 素 采用 相对 布局 (position:relative) 方 式 ， 以 便 设 计时 调整 其 位 置 。 
内 层 ( 即 多 个 div) 用 绝对 坐标 定位 (position:absolute)， 使 得 多 个 层 (div) 都 取 相同 的 坐 
标 ， 多 张 图 片 也 就 重合 了 起 来 。 初 始 状 态 下 各 层 的 z-index 均 设 为 8。 
另外 还 定义 了 一 个 类 选择 器 ， 为 后 面 的 样式 操作 作 准 备 。 在 这 个 类 中 只 定义 了 深度 坐 
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标 zindex:10。 当 某 个 层 使 用 了 这 个 类 选择 器 时 ， 代 表 该 层 处 于 最 上 层 的 位 置 。 
(3) jQuery 代码 。 


<script type="text/javascript" src="Scripts/jquery.min.js"></script> 
<script type="text/javascript"> 
function slideSwitch() { 
Var S$current = $("#slideshow div.current"); 
// 判断 div.current 存在 时 则 匹配 $current .next () , 否则 转 到 第 一 个 div 
Var S$next = $current.next().length ? $current.next() 
$("#slideshow div:first"); 
$current .removeClass ("current"); 
Snext .addClass ("current"); 
1; 
// 起 始 语句 
$ (function() { 
setInterval ("slideSwitch()", 4000); 
Ds; 
</script> 


代码 分 析 如 下 。 
@ 下列 语句 是 一 个 三 元 运算 符 。 
Var $next = $current.next().length ? $current.next() : $("#slideshow 
div:first"); 
代表 当 人 遍历 到 最 后 一 个 元 素 时 (遍历 情况 参见 图 6.12): 
Var Snext = $("#slideshow div:first"); 
否则 


Var Snext = $current.next(); 
@ ”下 面 是 样式 操作 的 语句 。 通 过 增 、 删 “类 ”选择 器 ， 改 变 图 片 的 深度 。 


$current .removeClass ("current "); // 取 消 前 一 个 元 素 的 current 类 选择 器 
$next.addclass ("current"); // 为 被 选中 的 元 素 增添 current 类 (z- 
index:10) 


@ 下 面 是 定时 调用 前 面 函数 的 语句 。 
// 起 始 语句 


$(function() { 
// 每 隔 4 秒 (1000=1 秒 ) 执行 一 次 上 面 的 函数 
setInterval ("slideSwitch()", 4000); 
1D); 


(4) 用 淡 入 淡出 显示 图 片 。 
如 果 能 让 每 次 图 片 淡 入 淡出 地 显示 ， 将 会 变 得 更 加 生动 。 要 实现 这 一 点 只 需 利用 
jQuery 中 的 fadeIn0 和 fadeOut 0 方法 即 可 。 修 改 后 的 语句 如 下 。 


<style type="text/css"> 
#slideshow{position:relative;height:50px;width:70px;margin:0 auto 5px ;} 
#slideshow div{position:absolute;top:0;left:0;z-index:8; width: 
7T0px;height:50px; 
border:2px solid #0000ff;overflow:hidden;background- 
Color:#FFF; 
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display:none; 
} 


#slideshow div.current {z-index:10;} 


#slideshow div img{ 
position:absolute;top:0px;left:0px; 
display:block;border:0;margin-bottom: Opx;} 
</style> 
<script type="text/javascript" src="Scripts/jquery.min.js"></script> 
<script type="text/javascript"> 
function slideSwitch() { 
Var S$current = $("#slideshow div.current"); 
$current.fadeOut (3000) .removeClass ("current"); 
// 判断 div.current 存在 时 则 匹配 $current .next () , 否则 转 到 第 一 个 div 
Var S$next = $current.next().length ? $current.next() : 
$("#slideshow div:first"); 
Snext.fadeIn(3000) .addCclass ("current"); 
}; 


$ (function() { 
// 每 隔 4 秒 (1000=1 秒 ) 调用 一 次 上 面 的 函数 
setInterval ("slideSwitch()", 4000); 
1D); 
</script> 
</head> 


本 代码 与 上 面 代码 的 主要 区 别 是 : 
@ ”本 代码 中 增加 了 改变 不 透明 度 的 函数 调用 (fadeOut0 与 fadeIn0); 
@ ”在 #slideshow div{…} 的 CSS 定义 中 增加 了 display:none 属性 ， 使 各 图 片 在 初始 状 


态 时 都 不 显示 。 
6.8 插件 (Plug in) 
6.8.1 概述 
1. 插件 及 其 作用 


-个 jQuery 插件 Plugin) 实 际 上 就 是 一 段 用 jQuery 编写 的 程序 ， 用 来 提供 给 其 他 应 用 
程序 扩展 功能 。 为 了 使 插件 能 够 通用 ， 插 件 的 接口 必须 遵循 一 定 的 规范 。 
使 用 插件 就 是 为 了 实现 软件 重用 的 目标 。 一 个 Web 设计 者 很 容易 利用 插件 来 扩展 功 
能 ， 这 是 jQuery 最 成 功 的 特点 ， 这 个 特点 不 仅 吸引 了 大 批 的 Web 设计 者 ， 同 时 也 吸引 了 
-大 批 顶尖 的 JavaScript 专家 来 共同 开发 jQuery 插件 。 到 目前 为 止 ， 已 经 开发 出 上 千 个 优 
秀 的 插件 ， 分 别 用 于 各 种 不 同 的 应 用 程序 中 。 
插件 的 官方 网 址 是 http://plugins.jQuery.com/， 该 网 站 不 仅 包括 插件 的 下 载 代码 ， 也 包 
括 详细 的 使 用 说 明 ， 人 允许 各 设计 者 免费 下 载 使 用 。 
jQuery 插件 按照 功能 可 划分 为 表单 验证 插件 (Form Validation)、 管 理 cookie 插件 
(Cookie)、ajax 应 用 插件 (ajaxForm)、 界 面 设计 插件 (jQuery UD 等 。 本 章 将 重点 讲述 界面 设 
计 插 件 的 使 用 。 
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2. jQuery UI 简介 


jQuery UI 是 jQuery 插件 的 重要 组 成 部 分 ， 用 来 实现 Web 中 客户 与 浏览 器 的 交互 应 
用 。 它 最 初 来 源 于 一 个 Interface 插件 ， 后 来 在 Paul Bakaus 等 人 领导 下 ， 将 Interface 的 大 
部 分 代码 进行 了 重 构 ， 并 统一 了 API。 由 于 改动 很 大 ， 版 本 不 是 1.3 而 是 直接 跳 到 了 1.5， 
并 改名 为 jQuery UI， 目 前 jQuery UI 的 最 新 版 本 是 1.8.7。 随 着 jQuery 本 身 内 核 的 逐步 完 
善 ，jQuery UI 很 可 能 代表 jQuery 今后 发 展 的 走向 。 
jQuery UI 的 官方 网 站 是 http://mijQuery.com/download/。 
2011 年 年 初 提供 了 两 种 版 本 : Latest(1.8.7 for jQuery 1.3.2+) 以 及 原 有 的 稳定 版 本 
Stable(1.7.3 for jQuery 1.3.2)。 
按照 功能 划分 ，jQuery UI 插件 可 分 为 以 下 4 部 分 。 
@ ”核心 库 (UI Core): 包括 一 些 基 本 函数 和 初始 化 函数 。 
@ 交互 (mteractions): 包括 拖 动 (Draggable)、 置 放 (Droppable)、 缩 放 (Resizable)、 选 
择 (Selectable)、 排 序 (Sortable) 等 。 微 件 中 部 分 插件 是 基于 交互 组 件 来 制作 的 。 交 
互 库 需 要 jQuery UI 核心 库 一 一 ui.core.js 的 支持 。 
@ 微 件 (Widgets): 主要 是 对 一 些 界面 的 扩展 。 包 插手 风琴 导航 (Accordion)、 自 动 完 
成 (AutoComplete)、 取 色 器 (ColorPicker)、 对 话 框 (Dialog)、 滑 块 (Slider)、 标 记 
(Tabs)、 日 历 (DatePicker)、 放 大 镜 (Magnifier)、 进 度 条 (ProgressBar) 等 。 此 库 需 要 
jQuery UI 核心 库 一 一 ui.core.js 的 支持 。 
@ ”效果 库 (Effects): 此 库 用 于 提供 丰富 的 动画 效果 ， 这 些 动画 不 再 局 限于 animate0 
方法 。 效 果 库 有 自己 的 一 套 核心 ， 即 effects.corejs， 不 需要 jQuery UI 核心 库 一 一 
ui.core.js 的 支持 。 


6.8.2 简单 插件 的 编写 及 使 用 
1. 编写 一 个 最 简单 的 插件 
下 面 用 一 个 简单 的 示例 来 说 明 撰写 插件 的 一 般 方法 ， 此 插件 的 作用 是 为 元 素 设置 字符 
颜色 。 其 代码 如 下 。 
7 (function($) { 
$.fn.textcolor= 
function(bg) { 
return this.css("color",bg); 
} 
1) (jQuery); 
每 个 插件 必须 有 一 个 名 字 ， 通 常 的 形式 是 “$. 包 .[ 插 件 名 ]”( 如 此 例 中 的 textcolor)， 使 
用 者 就 是 通过 插件 名 来 调用 插件 。 插 件 的 内 容 用 jQuery 语句 编写 。 
有 的 插件 前 面 先 写 一 个 分 号 (:)。 为 什么 这 么 做 ? 因为 按照 语法 规定 ，jQuery 的 语句 之 
间 要 用 分 号 分 隔 ， 而 插件 是 被 嵌入 到 其 他 程序 段 中 的 ， 如 果 被 插入 的 插件 前 面 的 字句 遗忘 
了 分 号 ， 将 带 来 不 可 预计 的 后 果 。 而 多 加 一 个 分 号 不 会 引起 什么 负 作用 。 
另外 ， 整 个 插件 还 用 以 下 方式 封装 起 来 : 


(Eunction(S) { 
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// 插件 的 定义 
}) (jQuery); 


为 什么 要 封装 ? 在 jQuery 语言 中 ， 用 $ 符 号 代表 jQuery。 而 在 插件 前 后 的 文件 中 ，$ 


可 能 还 有 其 他 含意 ， 为 了 避免 冲突 ， 使 用 封装 方式 来 说 明 ， 用 $ 代 表 jQuery 仅 限 于 在 此 范 
围 内 有 效 。 


最 后 插件 要 以 js(JavaScript 文件 ) 作 为 后 组 的 文件 保 在 。 假 定 本 例 的 插件 存 入 的 文件 名 


为 cssrain js。 
2. 使 用 插件 的 方法 


在 网 页 中 使 用 插件 前 ， 需 要 下 载 插件 库 ， 以 及 相关 的 CSS 文件 ， 并 在 网 页 中 引用 该 
库 以 及 CSS 文件。 然后 按照 插件 的 要 求 配置 HTML 元 素 。 最 后 编写 jQuery 代码 通过 插件 
名 字 来 调用 插件 。 例 如 : 


<htm1l xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title> 最 简单 的 Plugin </title> 
<script type="text/javascript" src="scripts/jquery- 
1.3.2.min.js"></script> 
<script type="text/javascript" src="scripts/cssrain.js"></script> 
<script type = "text/javascript"> 
$ (function(){ 
$("table") .textcolor ("red"); 
Ds; 
</script> 
</head> 
<body> 
<table border="]1" width="100px"> 
<tr><td>1l</td><td>1</td><td>1</td></tr> 
<tr><td>2</td><td>2</td><td>2</td></tr> 
<tr><td>3</td><td>3</td><td>3</td></tr> 
</table> 
</body> 
</html> 


结果 是 表格 中 的 字符 均 呈 红色 。 

3. 当 插件 中 包括 多 个 参数 时 

有 时 插件 中 包括 有 多 个 参数 以 便 引 用 者 进行 选择 。 此 时 最 好 将 这 些 参 数 集中 放置 在 一 
个 地 方 。 例 如 : 


; (function($) { 
$.fn. 插 件 名 = function(o) { 
Do = $.extend({ 
参数 名 1: 值 1， 
参数 名 2: 值 2， 


}]，o 11 {))7 
}) (jQuery); 


6.8.3 使 用 jQuery UI 插件 的 范例 
jQuery UI 的 插件 很 多 ， 使 用 时 应 先 看 清 该 插件 的 使 用 说 明 ， 以 避免 走 弯路 。 下 面 通 
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过 两 个 范例 来 说 明 插件 的 使 用 方法 。 
例 6.3 使 用 jCarouselLite 插件 。 
本 插件 的 显示 界面 如 图 6.13 所 示 。 


图 6.13 jCarouselLite 插件 的 显示 界面 

本 插件 的 功能 是 滚动 地 浏览 多 张 图 片 。 滚 动 的 方向 既 可 以 是 水 平方 向 也 可 以 是 短 直 方 
向 ， 可 以 定时 滚动 也 可 以 用 按钮 控制 滚动 。 这 个 插件 的 最 大 特点 是 可 以 将 图 片 的 首尾 相 
接 ， 实 现 无 颖 地 循环 显示 。( 注 : 早期 的 版 本 不 具备 无 颖 循环 的 功能 ) 

调用 的 步骤 如 下 。 

(1) 下 载 插件 。 

插件 下 载 的 URL 是 http://gmarwaha.com/jQuery/jcarousellite/， 并 在 网 页 中 指向 插件 。 
例如 : 

<script type="text/javascript" src="Script/jQuery-— 
latest.pack.js"></script> 


<script type="text/javascript" 
src="Script/jcarousellite 1.0.1.js"></script> 


注意 : 注意 上 面 使 用 的 版 本 ， 因 为 不 同 版 本 运行 的 结果 可 能 会 有 稍 许 区 别 。 


(2) 按照 jcarousellite_ 1.0.1.js 文件 的 要 求 对 图 片 进行 布局 。 
布局 的 结果 如 下 。 


<div class="carousel"> 
<ul> 
<1li><img src="images/ 图 片 小 1.JPG" alt="1"></1i> 
<1i><img src="images 小 2_JPG" alt="2"></1i> 
<1li><img src="images/ 图 片 小 3.JPG" alt="3"></1i> 


</ul> 
</div> 
(3) 按 要 求 设置 按钮 。 


<button class="prev">&lt;&lt;</button> 
<button class="next">&gt;&gt;</button> 


(4) 修改 参数 。 
插件 提供 了 多 种 参数 ， 这 些 参数 的 设置 方法 均 可 从 jcarousellite_ 1.0.1js 文件 中 看 到 。 
下 面 举 几 个 比较 常用 的 参数 加 以 说 明 。 
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Auto: 默认 为 nmul， 表 示 不 能 自动 进行 循环 。 若 设 为 800 代表 自动 循环 ， 转 换 的 
间隔 为 800 毫秒 。 

Speed: 默认 为 200 毫秒 ， 这 代表 图 片 逐步 显示 出 来 的 速度 。 

Verticle: 默认 为 false。 表 示 不 按 垂直 方向 显示 ( 按 水 平方 向 显示 )。 

Visible: 默认 为 3， 表 示 每 次 显示 3 张 图 片 ， 改 成 3.5 或 4 时 表示 每 次 显示 3.5 
或 4 张 图 片 。 


(5) 编写 代码 调用 插件 。 
代码 如 下 。 


<script type="text/javascript"> 


$ (function() { 
$(".carousel") .jCarouselLite({ 
btnNext: ".next", 
btnPrev: ".prev" 
Ds; 
笠 汉 
</script> 


例 6.4 ”使 用 JQZoom 插件 。 

本 插件 用 来 模拟 放大 镜 的 功能 。 在 电子 商务 的 商品 展示 中 ， 如 果 允 许 顾 客 用 此 插件 来 
放大 商品 的 某 些 局 部 ， 可 以 让 客户 进一步 找到 自己 满意 的 商品 。 本 插件 的 使 用 步骤 如 下 。 

(1) 下 载 相关 文件 。 下 载 的 文件 包括 插件 文件 (js)、CSS 文件 (.css) 以 及 多 张 成 对 的 大 
小 图 片 (jpg)。 


© 


下 载 插件 然后 用 下 列 代码 指向 它 。 相 关 代码 如 下 。 


<script type="text/javascript" src="script/jQuery.js"></script> 
<script type="text/javascript" src="script/jQuery.jqzoom.js"></script> 


jQuery jqzoom.js 中 各 参数 的 含义 在 使 用 文件 中 有 说 明 。 主 要 有 以 下 几 项 。 


eeeeeeeeeee e e e 


ZoomType 'standard': Yeverse' 默 认 'standard'，'everse' 的 时 候 开 启 透 明 。 
imageOpacity: 默认 0.2 透明 度 开启 'reverse' 的 时 候 可 用 。 
zoomWidth: 宽度 zoomHeight 高 度 默认 都 是 200。 
xOffset: 默认 10 x 方向 放大 效果 div 的 偏 移 。 
yOffset: 默认 0y 方向 放大 效果 div 的 偏 移 。 
position: 默认 Tight 可 选 ，'Tight，'le 售 ，'top'"，'bottomxv' 放 大 效果 的 位 置 。 
lens: 默认 true 被 放大 区 域 是 否 突 出 。 
title: 默认 true 标题 。 
showEffect: 默认 'show' 可 选 show'，'fadein' 开 启 渐 入 效果 。 
hideEffect: 默认 hide 可 选 hide'，'fadeout' 开 启 渐 出 效果 。 
fadeinSpeed fadeoutSpeed: 可 选 fast，'slow'，'medium' 默 认 'slow' 出 入 的 速度 。 
showPreload true/false: 是 否 显示 加 载 。 
preloadText: 默认 Loading zoom 加 载 时 的 标题 。 
preloadPosition: 默认 center 加 载 区 位 置 (可 自行 更 改 css)。 
下 载 jqzoom_css 文件 并 用 以 下 代码 指向 该 文件 。 
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<link rel="Stylesheet" type="text/css" href="css/jqzoom.css" /> 


上 述 样式 中 包括 对 class="jqzoom" 的 定义 和 大 图 的 属性 "jqimg"。 
@@ 下 载 大 、 小 对 应 的 两 组 图 片 ， 图 片 根据 需要 自行 选择 。 


(2) 编写 HTML 代码 。 


本 例 中 编写 的 代码 如 下 。 
<body> 
<form id="forml" runat="server"> 
<div> 


<p class="locat1"> 
<div class="jqzoom"> 
<img alt="1"” src="images/ 图 片 小 1. 
/></div> 
<div class="jqzoom"> 
<img alt="2" src="images/ 图 片 小 2. 
/></div> 
<div class="jqzoom"> 
<img alt="3"” src="images/ 图 片 小 3. 
/></div> 
<div class="jqzoom"> 
<img alt="4" src="images/ 图 片 小 4. 
/></div> 
<div class="jqzoom"> 
<img alt="5" src="images/ 图 片 小 5. 
/></div> 
<div class="jqzoom"> 
<img alt="6"” src="images/ 图 片 小 6. 
/></div> 
</p> 
</div> 
</form> 
</body> 
另外 还 需 编写 一 个 CSS 定义 。 
<style type="text/css"> 
.locatlf{ 
width:863px; 
height:200px; 
position:relative; 
top: 212px; 
left: 30px; 
} 
</style> 


G3) 编写 调用 插件 的 代码 。 
调用 插件 的 代码 如 下 。 


<script type="text/javascript"> 
$ (function() { 
$(".jqzoom") .jqueryzoom(); 
D); 


JPG" 


JPG" 


JPG" 


JPG" 


JPG" 


JPG" 


jqimg="images/ 图 片 1. 


jqimg="images/ 图 片 2. 


jqimg="images/ 图 片 3. 


jqimg="images/ 图 片 4. 


jqimg="images/ 图 片 5. 


jqimg="images/ 图 片 6. 


JPG" 


JPG" 


JPG" 


JPG" 


JPG" 


JPG" 
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</script> 


也 可 以 在 调用 的 同时 改变 大 图 的 显示 参数 ， 具 体 修改 的 方法 参见 该 插件 的 使 用 文件 。 
配置 好 以 后 运行 的 结果 如 图 6.14 所 示 。 


6.14 ”使 用 jQZoom 插件 的 情况 


6.9 小 结 


jQuery 可 以 无 颖 地 融入 到 ASP.NET 应 用 程序 之 中 。 它 的 主要 任务 就 是 对 浏览 器 的 
DOM 元 素 进行 操作 。 它 是 一 种 优秀 的 JavaScript 语言 库 ， 其 目的 在 于 简化 对 JavaScript 语 
言 的 使 用 ， 利 用 它 能 够 用 简短 的 语句 完成 较 复杂 的 工作 。 

jQuery 采用 了 与 CSS 类 似 的 定位 方法 ， 即 用 jQuery 定位 的 是 一 组 对 象 集 而 不 是 单个 
的 DOM 对 象 。jQuery 中 的 方法 只 能 用 于 jQuery 的 集合 对 象 。 当 然 这 种 集合 对 象 与 DOM 
单个 对 象 之 间 的 转换 也 非常 容易 。 

jQuery 库 的 容量 很 小 ， 语 句 非常 简练 ，jQuery 的 方法 语句 可 以 连 写 ， 这 些 特 点 使 它 非 
常 适合 于 网 络 的 应 用 ， 这 是 它 的 重要 特点 。 

jQuery 提供 了 大 量 插件 ， 供 广大 设计 者 无 偿 使 用 ， 而 且 这 些 插件 随 着 Web 的 发 展 不 
断 增加 ， 全 世界 几乎 所 有 用 户 社区 (包括 Microsoft 社区 ) 和 对 此 感 兴趣 的 开发 人 员 都 在 不 断 
地 改进 它 ， 这 是 系统 最 吸引 人 的 地 方 。 然 而 要 想 掌握 jQuery 技术 必须 学 会 它 的 基本 概 
念 ， 特 别 要 搞 清 在 DOM 基础 上 将 HTML 标记 、CSS 以 及 jQuery 语句 三 者 联系 起 来 设计 
动画 的 方法 。 


6.10 习 题 
1. 填空 题 
(1) jQuery 主要 应 用 于 三 个 领域 。 
(2) jQuery 的 起 始 语句 是 为 了 保证 所 有 的 元 来 下 载 完 毕 后 才 执 行 后 续 
语句 。 


(3) 用 $("div .content") 定 位 了 元 素 。 


第 6 章 利用 jQuery 设计 动画 


(4) 语句 $("p").addClass("myclass"); 代 表 
(5) 语句 $("p").removeClass("anotherclass"): 代 表 
(6) 在 某 插件 的 前 面 出 现 了 如 下 代码 。 


7 (function($){ 
$.fn.textexp = function (bg) {...} 
}) (jQuery); 


引用 该 插件 的 名 字 是 


2. 选择 题 
(1) 在 jQuery 对 DOM 的 遍历 中 ， 用 children() 方 法 将 获得 
A. 本 元 素 儿 子 的 相对 路 径 
B. 本 元 素 儿 子 的 元 素 集 
C. 本 元 素 儿 子 的 个 数 
D. 本 元 素 儿子 的 绝对 路 径 
(2) 在 jQuery 对 DOM 的 遍历 中 ， 用 siblings0 方 法 将 获得 
A. 本 元 素 的 相对 路 径 
B. 本 元 素 的 兄弟 元 素 集 
C. 本 元 素 儿子 的 个 数 
D. 本 元 素 的 绝对 路 径 
(3) 在 jQuery 中 $(this) 是 一 个 关键 字 ， 它 代表 
A. 正在 运行 的 jQuery 对 象 
B. 匿名 的 DOM 对 象 
C. 当前 被 饼 标 选中 的 DOM 对 象 
D. DOM 遍历 中 的 下 一 个 对 象 
3. 判断 题 
(1) jQuery 是 与 JavaScript 语言 无 关 的 语言 。 
(2) jQuery 语言 的 主要 任务 就 是 对 DOM 元 素 进行 操作 。 
(3) jQuery 定位 的 方式 与 CSS 定位 的 方式 基本 相同 。 
(4) jQuery 语言 中 的 方法 只 能 用 于 jQuery 对 象 。 
(5) jQuery 元 素 就 是 DOM 的 单个 元 素 。 
4. 简 答题 
(1) 在 某 个 插件 的 前 面 出 现 了 如 下 代码 。 
7 (function($){ 
$.fn.textexp = function (bg) {.…} 
1) GQuery); 
讲述 代码 中 两 处 带 下 划 线 的 符号 的 作用 。 
(2) 说 明 下 列 jQuery 代码 段 的 作用 。 


$(".square") .animate({opcity : "0.1" ,left : "+=50"}, 


3000)... 


一 一 一 一 一 
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5. 操作 题 
(1) 习题 要 求 与 综合 示例 2 相同 ， 但 要 求 用 上 拉 幕 布 方式 显示 图 片 。 
(2) 从 因特网 上 自选 三 个 插件 (Plugin) 运 行 于 自己 的 网 页 中 。 


第 三 部 分 


ASPNET 是 一 个 基于 服务 器 的 系统 ， 服 务 器 端 开 发 是 网 站 开发 的 基础 ， 也 是 本 书 讲 
授 的 重点 。 这 一 部 分 将 用 12 章 的 篇 幅 讲述 三 方面 的 内 容 。 
@ ASPX 网 页 以 及 各 种 服务 器 端 控件 的 使 用 方法 。 
@ ”数据 访问 技术 。 包 括 ADO.NET 的 系统 结构 ， 对 数据 库 的 连接 、 显 示 、 编 辑 与 同 
步 ， 以 及 存储 过 程 、 数 据 缓存 的 方法 等 。 
@ LINQ 技术 。 
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用 ASP.NET 3.5 创建 的 网 站 中 虽然 可 以 包括 多 种 类 型 的 网 页 ， 如 .htm 文件 、.asp 文件 
等 。 但 是 最 基本 的 网 页 是 以 .aspx 作为 后 级 的 网 页 ， 这 种 网 页 又 称 为 ASPX 网 页 (或 称 为 
Web 窗 体 页 )。 从 客户 的 角度 看 来 ， 好 像 这 些 网 页 的 使 用 并 没有 什么 区 别 ， 但 实际 上 ， 它 
们 背后 的 运行 机 制 却 有 本 质 的 不 同 。 从 本 章 开 始 ， 将 从 网 页 的 代码 存储 模式 、 事 件 模型 以 
及 状态 管理 三 个 方面 来 讲述 ASPX 网 页 的 运行 机 制 。 本 章 中 将 要 讲述 的 问题 包括 : 

@ ASPX 网 页 的 基 类 。 

@ ASPX 网 页 代码 的 存储 模式 。 

@ ASPX 网 页 中 的 表单 。 


7.1 ASPX 网 页 的 基 类 


ASPNET 是 一 个 完全 面向 对 象 的 系统 ， 网 页 是 网 站 的 基本 组 成 部 分 。 每 张 ASPX 网 
页 都 直接 或 间接 从 类 库 中 的 System.Web.ULPage 类 继承 。 由 于 在 Page 类 中 已 经 定义 了 网 
页 所 需要 的 基本 属性 、 事 件 和 方法 。 因 此 只 要 新 网 页 生成 ， 就 从 它 的 基 类 中 继承 了 这 些 成 
员 ， 因 而 也 就 具备 了 网 页 的 基本 功能 。 设 计 者 可 以 在 这 个 基础 上 高 起 点 地 进行 各 项 设计 。 

例如 ， 在 Page 类 中 已 经 定义 了 以 下 成 员 。 

@ 。 Request: 这 是 一 个 与 HITP 通信 的 属性 ， 该 属性 返回 HTTP Runtime Request 对 

象 。 通 过 这 个 对 象 可 以 获取 来 自 HTTP 请 求 的 数据 。 
@ Response: 这 也 是 一 个 与 HTTP 通信 的 属性 ， 返 回 HTTP Runtime Response 对 
象 。 和 Request 对 象 的 作用 正好 相反 ， 这 个 对 象 允 许 向 浏览 器 端 发 送信 息 。 

@ ViewState、Session、Application 对 象 : 这 些 对 象 用 来 保持 网 页 的 各 种 状态 。 具 

体内 容 在 后 面 章节 中 讲述 。 

@ ”Init、Load 等 事件 :网 页 初始 化 和 刚 被 装载 时 触发 的 事件 。 


7.2 ASPX 网 页 代码 的 存储 模式 


每 个 ASPX 网 页 中 实际 上 包含 两 方面 的 代码 : 用 于 显示 的 代码 和 用 于 逻辑 处 理 的 代 
码 。 用 于 显示 的 代码 包括 HTML 标记 以 及 对 Web 控件 的 定义 等 ， 用 于 逻辑 处 理 的 代码 主 
要 是 用 C# NET( 或 其 他 语言 ) 编 写 的 事件 处 理 程序 。 
在 ASPX 网 页 中 ， 这 些 代 码 可 以 用 两 种 模式 存储 : 一 种 是 代码 分 离 模式 ， 另 一 种 是 单 
-模式 。 在 代码 分 离 模 式 中 ， 显 示 信 息 的 代码 与 逻辑 处 理 代 码 分 别 放 在 不 同 的 文件 中 ; 在 
单一 模式 中 ， 将 两 种 代码 放置 在 同一 个 文件 中 。 
创建 ASPX 网 页 时 就 可 以 选择 存储 的 方式 。 设 置 的 方法 如 图 7.1 所 示 。 
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图 7.1 选择 代码 存储 模式 
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对 话 框 右 下 角 的 第 一 个 复 选 框 用 来 确定 存储 模式 。 如 果 被 选中 ， 将 使 用 分 离 模式 ， 否 


则 使 用 单一 模式 。 


代码 分 离 模 式 
在 代码 分 离 模式 中 用 于 显示 的 代码 (HTML 标记 、 服 务 器 控件 的 定义 等 ) 将 仍然 放 在 后 
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缀 为 .aspx 的 文件 中 ， 而 用 于 逻辑 处 理 的 代码 放 到 另 一 个 文件 中 ， 该 文件 的 后 绥 依 据 使 用 


的 程序 


1. 逻辑 处 理 代码 文件 
逻辑 处 理 代 码 文件 是 一 个 类 文件 。 该 文件 示例 如 图 7.2 所 示 。 


ligusing System: 
using System. Data; 

using System. Configuration 

using System. Web; 

using System Web Security; 

using System. Web. UT; 

using System. Yeb. UT. YebControls:; 

sing System. Web. UI. WebControls YebParts; 
using Systen Web_ UT. HtalControls; 


woA 和 RAs 


10 
11 昌 public partial class Default : Systen. Yeb.UI. Page 

12:| { 

13 protected void Page Load(object sender, Eventhres e) 


7.2 ”逻辑 处 理 的 代码 框架 


而 确定 。 如 果 使 用 C#.NET 语言 时 ， 文 件 的 后 缀 是 .aspx.cs; 如 果 使 用 VB.NET 
， 文 件 的 后 级 是 .aspx.vb。 此 文件 有 时 又 可 称 为 代码 隐藏 (Code-Behind) 文 件 。 


这 是 一 个 Default.aspx 网 页 中 的 逻辑 处 理 代码 文件 Default.aspx.cs。 当 网 页 刚 被 创建 时 
虽然 还 没有 编写 任何 代码 ， 但 系统 已 经 给 出 了 网 页 代码 的 初步 框架 。 


1) 


定义 类 的 基 类 


下 面 的 语句 是 对 网 页 类 定义 的 框架 : 


public partial class Default: System.Web.UI.Page 


表明 网 页 是 一 个 类 ， 派 生 于 System.Web.ULPage 基 类 。 在 类 的 定义 中 修饰 词 partial 
class 代替 了 传统 的 class。 这 说 明 网 页 是 一 个 “分 布 式 类 ”。 
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所 谓 分 布 式 类 是 C# NET 2.0 中 新 增加 的 一 种 数据 类 型 。 

有 的 “类 ”具备 比较 复杂 的 功能 ， 因 而 拥有 大 量 的 字段 、 属 性 、 事 件 和 方法 ， 甚 至 还 
可 能 包括 大 量 的 杠 套 成 员 。 如 果 将 “类 ”的 定义 都 写 在 一 起 ， 文 件 一 定 庞大 ， 代 码 的 行 数 

- 定 很 多 ， 不 便于 理解 和 调试 。 为 了 降低 文件 的 复杂 性 ，C#NET 语言 提供 了 “分 布 式 

类 ”的 概念 。 
在 分 布 式 类 中 ， 允 许 将 “类 ”的 定义 分 散 到 多 个 代码 片段 之 中 ， 而 这 些 代码 片段 又 可 
以 存放 到 两 个 或 两 个 以 上 的 源 文件 中 ， 每 个 文件 只 包括 类 定义 的 一 部 分 。 只 要 各 文件 中 使 
用 了 相同 的 命名 空间 、 相 同 的 类 名 ， 而 且 每 个 类 的 定义 前 面 都 加 上 partial 修饰 符 ， 编 译 时 
编译 器 就 会 自动 将 这 些 文件 编译 到 一 起 ， 形 成 一 个 完整 的 类 。 

例如 : 

// 第 一 个 文件 名 为 expl .cs 


using System; 


public partial class partexp 
{ 

public void SomeMethod () 

{ 

} 

} 


// 第 二 个 文件 名 为 exp2 .cs 


using System; 


public partial class partexp 
' 
public void SomeOtherMethod () 
{ 
} 
} 


上 面 expl.cs 与 exp2.cs 两 个 文件 都 使 用 同一 命名 空间 (System)、 同 一 类 名 (partexp)， 
而 且 都 加 上 了 partial 修饰 符 。 编 译 后 生成 的 类 将 自动 将 两 个 方法 组 合 到 一 起 。 结 果 新 类 包 
括 了 两 个 方法 : SomeMethod0 和 SomeOtherMethod0。 

和 ASPNET 1.x 版 本 不 同 ， 由 于 采用 分 布 式 类 的 结构 ， 代 码 文件 已 被 大 大 简化 ， 定 义 
中 只 包括 新 增加 的 代码 部 分 。 此 时 的 文件 结构 如 图 7.3 所 示 。 

2) “命名 空间 的 引用 

文件 前 面包 含 一 系列 命名 空间 的 引用 。 例 如 : 

using System; 


using System.Data; 
using System.Web; 


这 些 命名 空间 都 是 网 站 中 经 常 需 要 用 到 的 部 分 。 默 认 情况 下 自动 显示 ， 不 需要 手动 
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.ASPX.CS 页 ASPX 页 


( 逮 辑 代码 部 分 ) (显示 部 分 ) 


图 7.3 分 布 式 类 的 结构 
3) ”事件 处 理 代码 
事件 处 理 代 码 作为 类 的 成 员 包括 在 类 的 定义 中 。 初 始 情况 下 系统 只 给 出 了 网 页 被 装载 
(Page_Load) 事 件 的 代码 框架 ， 只 要 网 页 被 调用 ， 一 打开 就 执行 本 事件 中 的 代码 。 例 如 : 


protected void Page Load (object sender, EventArgs e) 


{ 
2. 显示 代码 文件 (Defualt.aspx) 
打开 Default.aspx 网 页 ， 代 码 如 图 7.4 所 示 。 


县 @ Page Language="C#" AutoEventWireup="true " Code File="Default.aspx .cs" 
Inherits="Default" WS 

<IDOCTYPE html PUBLIC "-/W3CIDTD XHTNL 1.1HEN" 
"http:/ /wrow.w3.0rg/ TRJxhtrall lIDTDIxhtadl1 dtd'> 

<html xmlns="http.// www.w3.0rg/1999 /xhtal" > 


<head Tunat= server 
<title>Untitled Page </title> 
</head> 


<bod 产 
<fonn id="forml" rumat="server"> 


</brmm> 
<jbody> 
</html> 


图 7.4 用 于 显示 网 页 的 框架 
代码 包括 对 若干 网 页 的 定义 。 前 3 行 指令 对 网 页 进行 了 定义 。 如 定义 了 使 用 的 语言 
(Language="C#")、 风 辑 处 理 代码 文件 的 名 称 (CodeFile="Default.aspx.cs") 等 。 
代码 中 的 
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<form id="forml" runat="server"> 


</form> 


表明 每 个 网 页 是 一 个 表单 ， 表 单 中 能 够 放置 各 种 表单 控件 ， 利 用 这 些 控件 可 以 收集 或 
显示 各 种 信息 ， 并 在 浏览 器 与 Web 服务 器 之 间 进 行 交 互 。 


7.2.2 ”代码 的 单 文件 模式 


在 代码 的 单 文件 模式 中 ， 用 于 显示 的 代码 与 逻辑 处 理 代码 都 放 在 同一 个 后 缀 为 .aspx 
的 文件 中 。 文 件 中 的 逻辑 处 理 代码 (事件 、 方 法 或 属性 ) 放 在 用 <script>.…</script> 标 记 包括 
的 模块 中 ， 以 便 与 其 他 显示 代码 隔离 开 。 需 要 在 服务 器 端 运行 的 代码 一 律 在 <scrip 亿 标记 
中 注 明 runat="server" 属 性 。 一 个 模块 可 以 包括 多 个 程序 段 ， 每 个 网 页 也 可 以 包括 多 个 
<script> 模 块 。 

单 文件 模式 的 继承 关系 如 图 7.5 所 示 。 下 面 就 是 一 个 简单 的 网 页 单 文件 示例 ， 设 文件 
名 为 exp4_1.aspx。 文 件 的 内 容 如 下 。 


<%@ Page Language="C#" 和 > 
<script runat="server"> 
void Buttonl Click(Object sender, EventArgs e) 
{ 
Labell.Text = "Clicked at " + DateTime.Now.ToString(); 
} 
</script> 


<html> 
<head> 
<title>Single-File Page Model</title> 
</head> 
<body> 
<form runat="server"> 
<div> 
<asp:Label id="Labell" 
runat="server">Label 
</asp:Label> 
<br /> 
<asp:Button id="Buttonl" 
runat="server" 
onclick="Buttonl Click" 
Text="Button"></asp:Button> 
</div> 
</form> 
</body> 
</html> 


这 是 一 个 后 级 为 .aspx 的 网 页 文件 ， 此 网 页 中 包含 一 个 Button 控件 和 一 个 Label 控 


件 。 代 码 中 的 <script>.….</scrip 亿 模块 中 定义 的 是 一 段 事件 处 理 代码 ， 当 单 击 Button 控件 
时 将 执行 这 段 代码 ， 即 显示 单 击 的 日 期 和 时 间 。 
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允许 在 同一 个 网 页 中 使 用 不 同类 型 的 脚本 ， 如 图 7.6 所 示 。 


网 页 的 基 类 


System. Web 
ULPage 


上 SPX 页 


( 显示 与 逻辑 代码 ) “<“%@ Fage Language = "CH" %> 
[一 <script runat = "server"> 


服务 器 处 理 代码 一 一 | 丸 碌 另 器 事件 处 理 代码 


《 使 用 CW 言 ) script> 


[一 <script language = "JavaScript"> 


LL 
Function ssO 
Temp.dll 浏览 器 端 脚本 一 一 一 | a 
( 编译 后 的 类 ) ( 使 用 JavaScript 语 言 ) 8 浏览 器 脚本 
} 
一 </script> 


图 7.5 网 页 单 文件 的 继承 方式 图 7.6 同一 网 页 中 的 两 种 脚本 
其 中 第 一 段 是 用 C# 语言 编写 的 服务 器 事件 处 理 代 码 ， 第 二 段 是 用 JavaScript 语言 纺 
写 的 浏览 器 端 脚本 。 两 者 放 在 同一 张 网 页 中 分 别 执行 服务 器 处 理 的 事件 和 浏览 器 端 处 理 的 
事件 。 


7.3 ASPX 网 页 中 的 表单 


ASPX 网 页 的 Web 表单 虽然 是 从 HTML 表单 发 展 而 来 的 ， 但 是 两 种 表单 的 运行 机 制 
却 有 本 质 的 区 别 。 
ASPNET 是 基于 服务 器 的 事件 驱动 模型 。 与 HTML 表单 相 比 在 Web 表单 的 定义 中 多 
-个 runat="server" 属 性 ， 表 明 该 表单 也 是 基于 服务 器 的 。 每 个 ASPX 网 页 实际 上 就 是 一 
个 Web 表单 ， 网 页 中 的 控件 都 直接 包含 与 服务 器 进行 交互 的 数据 ， 各 种 按钮 实际 上 都 起 
到 提交 按钮 的 作用 。 
Web 表单 的 定义 如 下 : 


<form id="forml" runat="server"> 


</form> 


Web 表单 的 交互 过 程 如 图 7.7 所 示 。 

这 个 过 程 说 明 ， 由 于 服务 器 控件 与 服务 器 进行 数据 绑 定 ， 因 此 不 论 控 件 的 生成 ， 还 是 
对 事件 的 处 理 基 本 上 都 是 在 服务 器 端 进行 ， 而 且 处 理 完毕 后 仍然 返回 到 本 网 页 。 因 此 在 
HTML 表单 中 的 Action 和 Method 属性 在 Web 表单 中 都 不 再 需要 了 。 
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2. 以 HTMI 形 式 
条 浏览 器 发 送 控件 


4. 向 服 务 器 返回 数据 


图 7.7 Web 表单 的 交互 过 程 


7.4 代码 模式 的 选择 


ASP.NET 提供 了 单 文件 和 代码 分 离 两 种 模式 。 两 种 模式 各 有 优点 ， 概 括 地 说 : 代码 
分 离 模式 可 以 使 设计 思路 变 得 更 加 清晰 ; 单 文 件 模式 则 由 于 能 够 统 观 全 局 ， 更 有 利于 看 清 
控件 与 代码 之 间 的 联系 。 
- 般 来 说 ， 对 于 那些 逻辑 代码 不 太 复杂 的 网 页 ， 最 好 采用 单 文件 模式 ， 而 对 于 迪 辑 代 
码 比较 复杂 的 网 页 来 说 ， 最 好 采用 代码 分 离 模式 。 


7.5 小 结 


ASPX 网 页 是 从 Page 类 继承 的 类 ， 因 此 当 网 页 刚 被 创建 时 就 已 经 具备 有 基本 功能 。 
网 页 的 存储 可 以 分 为 两 种 模式 : 单 文件 模式 和 代码 分 离 模式 。ASP.NET 2.0 以 及 后 面 版 本 
对 二 者 都 进行 了 改进 。 虽 然 两 种 模式 最 后 的 功能 相同 ， 但 是 不 同 模式 还 是 有 自己 的 特点 。 
对 于 逻辑 代码 比较 复杂 的 网 页 来 说 最 好 采用 分 离 模式 ， 简 单 的 网 页 适合 采用 单 文件 模式 。 
每 个 ASPX 网 页 实际 上 就 是 一 个 表单 ， 是 一 个 运行 在 服务 器 端的 表单 。 在 表单 中 放置 的 控 
件 虽 然 显示 在 浏览 器 端 ， 但 基本 上 都 可 以 与 服务 器 进行 交互 ， 交 互 的 过 程 参见 第 8 章 的 事 
件 模型 。 


7.6 习 题 
1. 填空 题 
(1) ASPX 网 页 的 基 类 是 
(2) ASPX 网 页 的 代码 存储 模式 有 两 种 ， 它 们 是 和 
(3) 所 谓 分 布 式 类 就 是 在 多 个 文件 中 使 用 相同 的 、 相 同 的 ， 而 且 每 个 
类 的 定义 前 面 都 加 上 修饰 符 ， 编 译 时 编译 器 就 会 自动 将 这 些 文件 编译 成 一 个 完 
整 的 类 。 


(4) 车 使 用 C# 语 言 ， 在 代码 分 离 模式 中 逻辑 代码 的 文件 后 缓 是 
2. 判断 是 

(GD 对 于 远 辑 代码 比较 复杂 的 类 来 说 最 好 采用 代码 分 离 模式 。 3 
(2) 代码 分 离 模式 的 网 页 运行 效率 要 高 于 单一 模式 。 6 
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3. 简 答题 

(1) 举例 说 明 浏 览 器 端 脚 本 与 服务 器 端 脚 本 定义 语句 的 区 别 。 
(2) 简 述 代码 存储 的 分 离 模式 和 单一 模式 各 自 的 特点 。 

(3) ASPX 网 页 中 的 表单 与 .htm 网 页 中 的 表单 有 哪些 区 别 ? 
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控件 是 一 种 类 ， 绝 大 多 数控 件 都 具有 可 视 的 界面 ， 能 够 在 程序 运行 中 显示 出 其 外 观 。 
利用 控件 进行 可 视 化 设计 既 直 观 又 方便 ， 可 以 实现 “所 见 即 所 得 ”(What You See Is What 
You Get，WYSIWYG) 的 效果 。 程 序 设计 的 主要 内 容 是 选择 和 设置 控件 以 及 对 控件 的 事件 
编写 处 理 代 码 。 

本 章 将 介绍 网 页 中 最 常用 的 几 个 标准 网 页 控件 ， 目 的 在 于 学 会 这 些 常 用 控件 的 使 用 方 
法 ; 然后 重点 介绍 ASP.NET 3.5 的 事件 模型 。 本 章 的 主要 内 容 包 括 : 

@ 网 页 中 的 控件 。 

@ ”ASP.NET 的 事件 处 理 模型 。 

@ 应 用 示例 。 


8.1 网 页 中 的 控件 


8.1.1 控件 类 型 


ASPNET 的 类 库 中 包括 大 量 的 控件 ， 根 据 功 能 可 以 将 它们 分 成 以 下 几 种 类 型 。 
HTML 控件 ， 属于 客户 端 ( 浏 览 器 端 ) 控 件 。 
网 页 标准 控件 ， 是 服务 器 端 常用 控件 。 
数据 控件 ， 用 于 数据 访问 的 控件 。 
验证 控件 ， 用 于 验证 客户 的 输入 。 
导航 控件 ， 用 于 网 站 导航 。 
登录 控件 : 用 于 客户 登录 。 
Web Parts 控件 ， 用 于 个 性 化 服务 。 
Ajax 扩展 控件 ， 用 于 实现 Ajax 技术 。 
用 户 控件 及 自 定义 控件 : 这 些 控件 都 是 由 程序 设计 者 自行 定义 的 控件 ， 是 对 系统 
控件 的 扩展 。 
8.1.2 ”网 页 标准 控件 
在 ASPNET 3.5 的 工具 箱 中 ， 只 有 HTML 选项 卡 中 的 控件 属于 浏览 器 端 控件 ， 其 他 
各 种 控件 都 是 服务 器 控件 。 其 中 【标准 】 选 项 卡 中 的 控件 是 常用 的 控件 。 在 类 库 中 ， 所 有 
的 网 页 控件 都 是 从 System.Web.ULControLWebControls 直接 或 间接 派生 而 来 的 。 
1. Web 标准 控件 的 功能 


在 工具 箱 的 Standard 选项 卡 中 包括 有 几 十 个 标准 控件 。 这 些 控件 中 既 有 传统 的 窗 体 控 
件 ， 例 如 按钮 、 复 选 框 、 文 本 框 等 ， 还 有 用 来 显示 数据 、 选 择 日 期 等 比较 复杂 的 控件 。 其 
中 ， 有 的 控件 还 具有 很 高 的 智能 ， 例 如 : 
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能 自动 检测 浏览 器 的 类 型 ， 并 根据 浏览 器 的 类 型 提供 不 同 的 输出 。 

能 够 使 用 模板 来 定义 控件 的 外 观 。 

可 以 选择 事件 信息 传送 的 方式 ， 是 立即 发 送 给 服务 器 ， 还 是 先 缓存 然后 再 和 其 他 
信息 一 起 传送 给 服务 器 。 

有 的 控件 可 将 事件 信息 从 嵌 套 控件 (例如 表 中 的 按钮 ) 传 递 到 它 的 容器 控件 。 
定义 标准 控件 的 格式 


定义 标准 控件 的 格式 如 下 。 
<asp:Control id="name" runat = "server" /> 


其 中 asp 代表 命名 空间 ， 所 有 的 Web 服务 器 控件 的 命名 空间 都 是 sp; Control 代表 控 
件 的 类 型 ，id 代表 控件 的 标志 ; runat="server" 代 表 这 是 一 个 服务 器 控件 ， 默 认 情况 下 ， 所 
有 标准 控件 都 是 服务 器 控件 。 

例如 ， 定 义 Label、TextBox、Button 等 网 页 控件 的 代码 如 下 。 

<asp:Label id="Labell" runat="server"/> 


<asp:TextBox id="TextBoxl" runat="server"/> 
<asp:Button id="Buttonl" runat="server"/> 


3. 


标准 控件 作用 的 列表 


标准 的 服务 器 控件 的 作用 比较 广泛 。 表 8.1 归 类 列 出 了 部 分 服务 器 控件 及 作用 。 


表 8.1 部 分 服务 器 控件 及 作用 


作 用 控件 类 型 说 了 明 
文本 显示 (只 读 ) Label 只 能 用 于 显示 ， 不 能 直接 编辑 的 文本 
文本 输入 TextBox 用 于 输入 、 显 示 并 可 以 编辑 的 文本 框 
下 折 列 表 DropDownList 下 2 
ListBox 显示 可 选 多 列 的 列表 
Image 显示 图 像 
人 AdRotator 用 于 显示 一 系列 图 像 
复 选 框 CheckBox 用 于 多 项 选择 的 复 选 框 
单 选 按钮 RadioButton 是 、 否 选择 按钮 
设置 日 期 Calendar 用 于 显示 并 选择 日 期 
Button 执行 某 项 任务 
按钮 LinkButton 执行 某 项 任务 ， 但 外 观 类 似 超 链接 
ImageButton 执行 某 项 任务 ， 但 外 观 显示 为 图 片 
导航 控制 HyperLink 创建 网 页 超 链接 
Table 创建 表格 
表格 TableCell 在 表 的 某 行 中 创建 一 个 单独 的 单元 格 
TableRow 在 表 中 创建 一 行 
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续 表 
作 用 控件 类 型 说 明 
CheckBoxList 创建 复 选 框 的 集合 

Se RadioButtonList 创建 单 选 按 钮 的 集合 

面板 Panel 建立 一 个 无 边界 的 区 间 ， 作 为 其 他 控件 的 容器 
Repeater 重复 显示 数据 集中 的 记录 

列表 控制 DataList 和 Repeater 类 似 ， 但 具有 更 多 的 格式 和 布局 的 选择 
DataGrid 带 有 行 、 列 的 数据 表 ， 有 较 强 的 编辑 功能 

占 位 PlaceHolder 相当 于 一 个 空 容器 ， 可 动态 添加 元 素 

转换 Literal 将 静态 文本 转换 为 网 页 ， 不 添加 HTML 元 素 

读 入 XML XML 将 XML 写 入 Web 窗 体 控件 中 


1) ”Label 控件 

Label( 标 签 ) 控 件 是 最 简单 的 控件 ， 该 控件 的 功能 就 是 输出 文本 ， 该 文本 可 以 通过 它 的 
属性 Text 直接 设 定 ， 也 可 以 利用 程序 动态 地 设 定 。 定 义 的 语法 如 下 。 

<asp:label id = "Labell"” runat = "server"> 输 出 文本 </asp:label> 
或 

<asp:label id = "Labell"” runat = "server” Text=" 输 出 文本 "” /> 


2) ”TextBox 控件 

TextBox( 文 本 框 ) 控 件 是 用 得 最 多 的 控件 之 一 ， 该 控件 可 以 用 来 显示 数据 或 者 输入 数 
据 。 定 义 的 格式 如 下 。 

<asp:Textbox id="TextBoxl"” Text = "请 在 这 里 输入 数据 "Column="25" 

MaxLengh="35" runat="server" /> 

TextBox 控件 有 一 个 重要 的 属性 : TextMode。 该 属性 包括 3 个 选项 。 

e@ SingleLine: 单行 编辑 框 。 

e ”MultiLine: 带 滚动 条 的 多 行文 本 框 。 

@ ”PassWord: 密码 输入 框 ， 所 有 输入 字符 都 用 特殊 字符 (例如 “*”) 来 显示 。 

3) Button、LinkButton 和 ImageButton 控件 

Web 控件 中 的 按钮 分 为 三 种 : Button、LinkButton 和 ImageButton。 它 们 之 间 功 能 相 
同 ， 只 有 外 观 上 有 区 别 。Button 的 外 观 与 传统 按钮 的 外 观 相同 ，LinkButton 的 外 观 与 超 链 
接 字 符 串 相同 ，ImageButton 按钮 用 图 形 方式 显示 外 观 ， 其 图 像 通过 ImageURL 属性 来 
设置 。 

三 种 按钮 的 功能 都 与 HIML 的 提交 按钮 相似 ， 即 每 当 这 些 按钮 被 单 击 (Click) 时 ， 就 
将 缓冲 区 中 的 事件 信息 一 并 提交 给 服务 器 。 

定义 按钮 的 语法 如 下 。 

<asp:Button id="Buttonl" runat="server"Text=" 按 钮 "></asp:Button> 


<asp:LINKbutton id="LinkButtonl"runat="server"> 链 接 按钮 </asp:LinkButton> 
<asp:ImageButton 
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id="ImageButtonl"runat="servervImageUrl=".."></asp; ImageButton> 


双击 LinkButton 按钮 ， 然 后 在 隐藏 文件 中 给 按钮 的 Click 事件 写 出 以 下 程序 ， 该 按钮 
即 可 通过 服务 器 转向 新 的 网 页 ， 从 而 起 到 超 链 接 的 作用 。 

private void LinkButtonl Click(object sender, System.EventArgs e) 

{ 


Response.Redirect ("其 他 窗 体 的 URL"); 
i 


另外 ，3 种 按钮 都 有 一 个 PostBackUrl 属性 ， 利 用 这 个 属性 可 以 将 按钮 变 成 返回 按 
钮 。 即 先 将 该 属性 设置 成 某 个 网 页 的 URL， 以 后 单 击 该 按钮 时 就 会 直接 转向 该 网 页 。 

4) CheckBox 及 CheckBoxList 控件 

CheckBox 和 CheckBoxList( 复 选 ) 控 件 为 客户 提供 了 在 真 / 假 、 是 / 否 或 开 / 关 选项 之 问 
进行 选择 的 方法 。CheckBox 是 单个 控件 ， 可 以 单独 使 用 。 而 CheckBoxList 控件 是 复 选 
框 列表 控件 ， 可 以 将 多 个 CheckBox 组 合 在 一 起 使 用 。 使 用 单个 CheckBox 控件 时 ， 更 容 
易 控制 页 面 上 的 布局 。 例 如 ， 可 以 在 各 个 复 选 框 之 间 包 含 文本 ， 也 可 以 单独 控制 复 选 框 的 
字体 和 颜色 。 如 果 想 用 数据 库 中 的 数据 创建 一 系列 复 选 框 ， 则 CheckBoxList 控件 是 较 好 
的 选择 。 

使 用 CheckBoxList 时 要 给 控件 增添 选项 。 方 法 是 先 选择 该 控件 ， 然 后 找到 控件 的 
Items 属性 ， 单 击 右 边 的 省 略 号 按钮 ， 将 弹出 如 图 8.1 所 示 的 对 话 框 。 


成 员 人 0; 棒球 属性 亿 ); 


Oa | 后 杂项 
[3 


图 8.1 对 复 选 框 tems 属性 的 设置 
利用 【添加 】 按 钮 逐个 增加 选项 。 按 照 图 8.1 中 的 选择 得 出 的 结果 如 下 。 
三 足球 
记得 球 
证 乒乓 球 
所 棒球 


HTML 中 的 CheckBox 控件 只 能 用 于 静态 处 理 ， 而 网 页 控件 中 的 CheckBox 可 以 进行 
数据 绑 定 操作 ， 所 以 通常 用 于 动态 数据 绑 定 。 关 于 数据 绑 定 ， 将 在 后 面 章节 中 介绍 。 

5) ”RadioButton 和 RadioButtonList 控件 

RadioButton 和 RadioButtonList( 单 选 ) 控 件 的 作用 和 使 用 方法 与 CheckBox 基本 相同 ， 
唯一 的 差别 在 于 ， 在 一 个 RadioButtonList 内 的 多 个 RadioButton 之 间 只 能 有 一 项 被 选中 ， 
而 在 CheckBoxList 中 可 以 同时 选中 多 项 。 
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6) Image 与 ImageMap 控件 

利用 Image( 图 像 ) 控 件 可 以 在 Web 窗 体 页 上 显示 图 像 ， 并 用 自己 的 代码 来 管理 这 些 图 
像 。 图 像 源 文件 可 以 在 设计 时 确定 ， 也 可 以 在 程序 运行 中 指定 ， 还 可 以 将 控件 的 
ImageURL 属性 绑 定 到 数据 源 上 ， 根 据 数据 源 的 信息 来 选择 图 像 。 

与 大 多 数 其 他 Web 服务 器 控件 不 同 ，Image 控件 不 支持 鼠标 单 击 事件 。 如 果 需 要 使 用 
鼠标 单 击 事件 时 ， 可 以 使 用 ImageButton 控件 来 代替 Image 控件 。 

显示 一 个 图 像 所 需 的 最 少 操作 是 : 先 创建 一 个 Image 控件 ， 然 后 指定 一 个 图 像 文 件 。 
具体 步骤 如 下 。 

(D 打开 【设计 】 视 图 ， 在 工具 箱 中 打开 【标准 】 选 项 卡 ， 然 后 将 一 个 Image 控件 拖 
放 到 网 页 界面 上 。 

(2) 将 控件 的 ImageURL 属性 设置 为 .gif、.jpg 或 其 他 网 络 图 形 文件 的 URL。 

(3) 给 Image 控件 设置 以 下 属性 。 

@ Height 和 Width: 在 页 面 上 为 图 形 保留 适当 空间 (高 度 和 宽度 )。 

@ ImageAlign: 用 来 设置 图 像 对 齐 的 方式 。 可 使 用 的 值 包括 Top、Bottom、Left、 

Middle 和 Right。 

@ Alternatetext; 有 的 浏览 器 不 支持 加 载 图 像 时 ， 替 代 图 像 的 文本 。 

ImageMap 控件 可 以 用 来 显示 图 像 ， 也 可 以 实现 图 像 的 超 链 接 。 该 控件 的 最 大 特点 
是 ， 可 以 将 ImageMap 中 的 图 像 按照 (x,y) 坐 标 划 分 成 不 同形 状 的 区 域 ， 分 别 链接 到 不 同 的 
网 页 。 该 控件 的 ImageUrl 属性 用 来 连接 图 像 源 文件 ，HotSpot 属性 用 来 划分 链接 区 域 。 单 
击 HotSpot 属性 右边 的 省 略 号 按钮 ， 将 弹出 如 图 8.2 所 示 的 对 话 框 。 


成 员 (MD): 

[Ql| crdehotspot + 
| 团 RectangleHotSpot 
[ESD 


区 域 的 形状 : 


图 8.2 划分 链接 区 域 


利用 【添加 】 按 钮 的 下 拉 列 表 可 以 选择 区 域 的 形状 ， 在 右边 的 属性 中 可 以 确定 区 域 的 
位 置 以 及 链接 的 网 页 。 

7) ”HyperLink 控件 

HyperLink( 超 链接 ) 控 件 用 于 从 一 个 页 面 转向 到 另 一 个 页 面 ， 与 HTML 中 的 超 链接 不 
同 之 处 在 于 ， 此 处 的 HyperLink 可 以 使 用 数据 绑 定 。 
在 HyperLink 控件 中 有 3 个 重要 的 属性 。 
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@ Text: 一 个 可 以 使 用 数据 绑 定 动态 改变 的 值 ， 可 以 使 用 {0} 来 表示 Text 属性 
的 值 。 
@ ”NavigateUrl: 需要 将 链接 转向 的 地 址 (URL)。 
Target: 目标 。 选 择 链接 的 网 页 出 现 的 位 置 。 
在 使 用 数据 绑 定 的 时 候 ， 可 以 通过 改变 Text 属性 所 绑 定 的 数据 源 的 值 来 实现 动态 超 
4. 对 控件 进行 定位 
设计 中 ， 常 常 希望 将 控件 拖 放 到 一 定 的 位 置 。 可 是 当 将 控件 拖 入 网 页 后 ， 它 的 位 置 似 
乎 就 固定 了 。 这 是 由 于 控件 的 排列 顺序 所 决定 的 。 
现在 想 改变 控件 的 位 置 ， 只 要 先 单 击 该 控件 ， 然 后 选择 网 页 主 菜 单 的 【格式 】|【 位 
署 】 命 令 ， 弹 出 如 图 8.3 所 示 的 【定位 】 对 话 框 。 对 话 框 中 几 个 图 标 分 别 代表 CSS 定义 的 
排列 方式 。 其 中 : 
代表 默认 的 排列 方式 。 即 普通 流 (floab 的 排列 方式 。 
代表 靠 左 摆 放 (float: left)。 
代表 靠 右 摆 放 (float: right)。 
代表 绝对 定位 (absolute)。 
代表 相对 定位 (relative)。 


定位 


@EO@OO 


图 8.3 【定位 】 对 话 框 


单 击 【绝对 】( 或 【相对 】) 图 标 后 ， 就 可 以 改变 控件 的 位 置 了 。 

5. 动态 生成 控件 

Web( 服 务 器 ) 控 件 允 许 在 程序 的 运行 中 动态 生成 ， 这 是 一 项 重要 的 优点 。 因 为 在 某 些 
情况 下 ， 动 态 生成 控件 比 设 计时 创建 的 控件 更 加 灵活 。 例 如 ， 在 网 页 中 进行 搜索 ， 要 求 用 
表格 来 显示 搜索 结果 。 因 为 事先 不 知道 结果 有 多 少 项 ， 因 此 表格 的 行 数 事先 也 不 能 确定 ， 
只 能 根据 搜索 结果 动态 生成 。 

动态 生成 控件 的 步骤 如 下 。 

(1) 放置 新 控件 的 容器 以 便 给 新 创建 的 控件 占 位 。 如 果 没 有 容器 时 ， 也 可 以 利用 
了 Placeholder 或 Panel 控件 来 蔡 代 新 控件 的 容器 。 
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(2) 创建 新 控件 对 象 。 

(3) 给 新 控件 设置 属性 。 

(4) 将 新 控件 加 入 到 容器 中 来 。 

下 面 通过 两 个 示例 来 说 明 创 建 的 方法 。 

例 8.1 创建 一 个 新 的 Label 对 象 ，Panell 作为 它 的 容器 。 

先 拖 入 一 个 Panell 对 象 作 为 新 控件 的 容器 。 然 后 给 某 个 按钮 编写 以 下 代码 。 


Label myLabel = new Label (); // 生 成 控件 myLabel1 
myLabel .Text = "简单 的 动态 Label"; // 给 控件 设置 属性 
Panell.Controls.Add (myLabel); // 将 新 控件 加 入 到 容器 中 


例 8.2 动态 创建 一 个 表格 。 
在 工具 箱 的 HTML 选项 卡 中 提供 了 Table 控件 ， 在 【标准 】 选 项 卡 中 同样 提供 了 一 个 
Table 控件 。 两 种 控件 各 有 特色 。 如 果 用 于 显示 静态 数据 时 采用 HTML 中 的 Table 控件 比 
较 有 利 ; 如 果 表 格 需 要 动态 生成 时 ， 使 用 【标准 】 选 项 卡 中 的 Table 控件 比较 有 利 。 

首先 应 该 明确 的 是 ， 表 (Table) 是 对 象 ， 表 中 的 行 (TableRow) 也 是 对 象 ， 行 中 的 列 (单元 
格 ，TableCelD) 也 是 对 象 。 父 对 象 包括 子 对 象 ， 子 对 象 又 包括 自己 的 子 对 象 ， 每 种 对 象 都 
需要 单独 生成 ， 然 后 组 合 到 一 起 。 

其 中 Table 控件 作为 TableRow 控件 的 父 对 象 ， 支 持 名 为 Rows 的 属性 ， 它 是 
TableRow 对 象 的 集合 。 可 以 通过 管理 该 集合 (在 其 中 添加 或 删除 项 ) 来 指定 表 的 行 。 
TableRow 对 象 又 支持 名 为 TableCell 对 象 的 集合 。 

表 中 显示 的 内 容 将 添加 到 TableCell 对 象 中 。 单 元 格 有 Text 属性 ， 可 以 将 其 设置 为 
任何 HTML 文本 。 有 具体 步骤 如 下 。 

(1) 在 窗 体 页 中 放置 新 控件 的 容器 。 在 这 里 ，Table 控件 就 是 新 控件 的 容器 。 将 Table 
控件 拖 入 窗 体 页 中 ， 设 置 好 整个 表 的 外 观 属性 ， 比 如 Font、BackColor 和 ForeColor 等 。 
默认 情况 下 TableRow 控件 和 TableCell 控件 也 将 支持 这 些 属性 ， 当 然 也 可 以 重新 为 个 别 行 
或 单元 格 指定 另外 的 外 观 属 性 ， 新 设置 的 属性 将 覆盖 父 表 中 的 设置 。 

(2) 可 以 将 数据 绑 定 到 控件 上 ， 通 常 是 向 表 添 加 TableCell 控件 。 然 后 将 单个 
TableCell 控件 的 Text 属性 绑 定 到 数据 上 ， 或 者 向 单元 格 添加 数据 绑 定 控件 (比如 Label 控 
件 或 TextBox 控件 )。 


添加 行 的 方法 是 

TableRow tRow = new TableRow() 7 // 生 成 行 对 象 
Tablel .Rows.Add (tRow) // 将 行 对 象 加 入 到 表 中 
添加 单元 格 的 方法 是 

TableCell tCell = new TableCell (); // 生 成 单元 格 对 象 
tRow.Cells.Add (tcell); // 将 单元 格 加 入 到 行 中 


向 单元 格 添加 内 容 有 多 种 方法 ， 如 表 8.2 所 示 。 
表 8.2 向 单元 格 添加 内 容 的 方法 


添加 的 内 容 操作 方法 
静态 文本 设置 单元 格 的 Text 属性 
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续 表 
添加 的 内 容 操作 方法 
控件 | 生成 一 个 控件 实例 ， 然 后 将 其 添加 到 单元 格 的 Controls 集合 中 
通过 创建 LiteralControl 类 的 实例 来 声明 文本 。 像 处 理 其 他 控件 一 样 将 该 实 
ds 例 添加 到 单元 格 的 Controls 集合 中 


现在 综合 前 面 的 方法 动态 生成 一 个 表格 。 表 格 的 行 与 列 的 数目 是 由 两 个 文本 框 
(TextBox1、TextBox2) 中 的 数字 决定 。 每 个 单元 格 中 以 静态 文本 形式 显示 其 行 号 和 单元 
格 号 。 

先 将 标准 Table 控件 拖 入 窗 体 作为 动态 表格 的 容器 ， 并 为 该 控件 设置 相关 属性 ， 然 后 
在 按钮 的 Click 事件 中 编写 如 下 代码 。 


public void Button1l Click (object sender, System.EventArgs e){ 


int rowCnt; // 行 的 数目 
int rowCtr; // 当 前 行 


int cellctr; // 每 行 包括 的 列 数 
int cellcnt; // 当 前 的 列 
rowCnt = int.Parse (TextBoxl.Text); 
cellCnt = int.Parse (TextBox2.Text); 
for (rowCtr=1; rowCtr <= rowCnt; rowCtr++) { 
// 创建 新 行 并 加 入 到 表 中 
TableRow tRow = new TableRow(); 
Tablel .Rows.Add (tRow); 
for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++) 


{ 

// 创建 新 列 并 加 入 到 行 中 
TableCell tCell = new TableCell (); 
tCell.Text = " 行 "+ rowCtr + ", 列 " + cellctr; 
tRow.Cells.Add (tCell); 
} 

} 

} 


显示 结果 如 图 8.4 所 示 。 


jr 
图 8.4 ”动态 生成 的 数据 表 
有 时 ， 在 数据 表 的 某 些 单元 格 中 放置 控件 (例如 TextBox) 更 加 有 利于 数据 绑 定 。 此 时 
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应 先生 成 一 个 控件 对 象 ， 然 后 将 其 添加 到 单元 格 的 Controls 集合 中 。 例 如 : 


TextBox Textl = new TextBox(); // 生 成 Text1 对 象 
TableCell tcell = new TableCell (); // 生 成 单元 格 对 象 
tcell.Controls.Add (Text1); // 将 控件 对 象 加 入 到 单元 格 中 


本 示例 中 涉及 一 些 数据 类 型 的 转换 。 在 程序 中 这 种 转换 是 会 经 常 遇 见 的 。 
8.2 ASP.NET 的 事件 处 理 模 型 


ASP.NET 是 一 个 分 布 式 系统 ， 在 这 个 系统 中 发 生 了 事件 ， 应 该 在 什么 地 方 处理 ? 
些 涉及 数据 改变 的 事件 (例如 访问 或 编辑 数据 库 ) 当 然 只 能 由 服务 器 处 理 。 除 此 之 外 ， 在 浏 
览 器 端 发 生 的 事件 ， 有 些 可 以 由 浏览 器 处 理 ， 也 可 以 由 服务 器 处 理 。 这 种 情况 下 ， 究 竟 由 
谁 处 理 更 加 有 利 呢 ? 从 理论 上 来 讲 ， 除 了 极 少 数 几 种 事件 以 外 ， 服 务 器 几乎 可 以 处 理 任何 
类 型 的 事件 ， 但 是 如 果 将 一 些 事件 放 在 浏览 器 中 处 理 ， 反 应 会 更 灵敏 ， 效 率 也 会 更 高 一 
些 。 因 为 用 服务 器 处 理事 件 时 ， 需 要 首先 将 事件 的 信息 传送 到 服务 器 ， 待 服务 器 处 理 完毕 
以 后 再 返回 到 浏览 器 ， 比 浏览 器 处 理 多 一 个 信息 的 往返 过 程 。 但 是 由 浏览 器 处 理事 件 的 最 
大 问题 是 处 理 的 能 力 受 限于 浏览 器 本 身 。 

ASPNET 对 事件 处 理 的 原则 是 : 

@ ”基于 服务 器 处 理事 件 。 

@ ”尽量 减少 事件 处 理 中 信息 往返 的 次 数 。 

@ ”调用 浏览 器 执行 辅助 功能 。 


8.2.1 基于 服务 器 的 处 理 模型 


ASPNET 采用 的 是 基于 服务 器 处 理 的 模型 。 这 就 是 说 ， 系 统 运 行 中 发 生 的 事件 ， 不 
论 发 生 在 服务 器 端 还 是 发 生 在 浏览 器 端 ， 基 本 上 都 由 服务 器 进行 处 理 。 

ASPNET 功能 强大 的 根本 原因 在 于 拥有 一 个 强大 的 .NET 框架 服务 器 平台 ， 此 平台 不 
仅 提 供 了 强大 的 类 库 ， 还 提供 了 各 种 完善 的 服务 。 程 序 将 在 平台 的 监控 下 运行 ， 运 行 完 后 
还 能 根据 浏览 器 的 类 型 智能 地 返回 不 同 的 信息 。 因 此 由 服务 器 处 理事 件 不 仅 能 力 强 ， 而 且 
更 加 安全 。 

另 一 方面 ， 从 浏览 器 的 发 展 趋势 来 看 ， 在 不 远 的 将 来 ， 必 然 会 有 更 多 的 智能 终端 为 了 
不 同 的 目的 ， 利 用 有 线 、 无 线 等 方式 通过 宽带 网 连 入 到 因特网 中 。 这 些 设备 中 相当 一 部 分 
将 变 得 更 加 小 巧 和 更 加 多 样 化 。 这 些 设备 处 理事 件 的 能 力 各 不 相同 ， 有 的 可 能 会 变 得 越 来 
越 弱 ， 甚 至 可 能 根本 不 具备 处 理事 件 的 能 力 。 这 种 情况 下 ， 强 调用 服务 器 (而 不 是 用 浏览 
器 ) 来 处 理事 件 是 合适 的 。 

ASPNET 的 目标 是 创建 下 一 代 网 络 应 用 的 平台 ， 基 于 上 述 的 发 展 趋势 ， 采 用 基于 服 
务 器 处 理 的 模型 符合 确定 的 目标 。 


8.2.2 ”尽量 减少 信息 的 往返 次 数 


为 了 减少 事件 处 理 中 信息 往返 的 次 数 ， 系 统 采用 了 以 下 策略 ， 即 客户 端 发 生 的 事件 
并 不 是 每 发 生 一 次 就 向 服务 器 传送 一 次 信息 。 默 认 情 况 下 ， 只 有 当 服务 器 端 按钮 (Button) 
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被 单 击 时 ， 才 集中 向 服务 器 传递 事件 信息 。 其 他 支持 改变 (Change) 事 件 的 服务 器 端 控件 ， 
如 文本 框 、 下 拉 列 表 框 、 单 选 按钮 、 复 选 框 等 ， 当 它们 的 Change 事件 发 生 时 ， 先 将 事件 
的 信息 暂时 保存 在 客户 端的 缓冲 区 中 ， 等 到 下 一 次 向 服务 器 传递 信息 时 ( 单 击 按钮 时 )， 再 
和 其 他 信息 一 起 发 送 给 服务 器 。 以 减少 传送 信息 的 频 度 。 

如 果 有 的 控件 的 Change 事件 需要 立即 得 到 响应 时 ， 只 需要 将 该 控件 的 AutoPostBack 
的 属性 设 为 tue 即 可 。 值 得 注意 的 是 ， 这 种 设置 不 宜 过 多 ， 如 果 过 多 有 可 能 降低 系统 的 运 

当 服 务 器 同时 收 到 多 个 事件 信息 时 ， 对 Change 事件 的 处 理 总 是 放 在 其 他 事件 之 前 ， 
而 对 其 他 事件 的 处 理 顺 序 则 是 不 确定 的 。 


8.2.3 结合 浏览 器 处 理事 件 
1. 有 的 事件 只 能 由 浏览 器 处 理 
有 的 事件 只 能 由 浏览 器 处 理 。 例 如 鼠标 移动 (MouseMove) 或 某 些 动态 图 形 所 引发 的 事 
件 等 ， 由 于 这 些 事件 发 生得 过 于 频繁 ， 没 有 必要 也 不 允许 传送 到 服务 器 去 处 理 ， 这 些 事件 
只 能 在 浏览 器 端 进行 处 理 。 
2. 调用 浏览 器 执行 辅助 功能 
有 些 事件 虽然 服务 器 能 够 完成 处 理工 作 ， 但 是 如 果 再 调用 浏览 器 的 DHTML 执行 某 些 
辅助 功能 ， 执 行 的 效率 会 更 高 ， 功 能 将 变 得 更 加 丰富 。 为 了 实现 这 一 功能 ， 需 要 在 服务 器 
控件 的 定义 中 增加 少量 代码 。 下 面 举 例 说 明 。 
例 8.3 删除 记录 前 的 进一步 确认 。 
在 浏览 器 端 通过 调用 JavaScript 脚本 的 alert( 或 confirm0 方 法 可 以 打开 两 种 提示 对 
话 框 。 
@ alert() 方 法 和 输出 的 警告 对 话 框 : 对话 框 中 主要 包括 一 个 提示 标记 、 一 个 提示 语句 
和 一 个 按钮 ， 其 主要 作用 在 于 提示 客户 进行 某 些 操作 。 语 句 alert ("请 输入 姓名 ! ") 
输出 的 窗口 如 图 8.5(a) 所 示 。 
@ confirm0 方 法 输出 的 确认 对 话 框 : 对话 框 中 主要 包括 一 个 标记 、 一 条 提示 语句 和 
两 个 按钮 。 其 主要 作用 是 确认 某 种 行为 。 语 名 confirm (" 真 的 准备 删除 吗 ? ") 输 
出 的 对 话 框 如 图 8.5(b) 所 示 。 


区 真 的 准备 出 中? 了 
CE an | 
(a) 警告 对 话 框 (b) 确认 对 话 框 


8.5 ”两 个 DHTML 的 提示 对 话 框 


现在 在 窗 体 页 中 放 入 一 个 删除 记录 的 按钮 (Button1)， 这 是 一 个 服务 器 控件 。 运 行 这 个 
控件 以 前 ， 最 好 先 确认 一 下 ， 这 个 确认 过 程 最 好 放 在 浏览 器 端 ， 调 用 DHTML 功能 来 
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下 面 就 是 实现 上 述 功能 的 相关 代码 。 在 这 里 重点 看 一 下 服务 器 控件 是 如 何 调 
DHTML 功能 的 。 


<%@ Page Language="C#" $> 


<script runat="server"> 
void Page Load(object sender, EventArgs e) 
' 
Button1 .Attributes.Add ("onclick", "javascript:return confirm(' 真 的 准 
备 删除 吗 ? ') ") ; 
| 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
Response.Write ("执行 删除 任务 ."); 
} 
</script> 


<body> 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="Buttonl" runat="server" Text="Button" 
OnCclick="Button]l Click" /></div> 
</form> 
</body> 
</html> 
程序 运行 时 ， 如 果 单 击 Buttonl 按钮 ， 将 先 弹出 确认 对 话 框 ， 若 单 击 对 话 框 中 的 【 确 
定 】 按 钮 ， 将 执行 Response.Write(" 执 行 删除 任务 .") 语 句 ， 若 单 击 【 取 消 】 按 钮 ， 将 不 执 
行 上 述 输出 任务 。 
调用 DHTML 功能 是 在 网 页 的 Page_Load 事件 中 通过 以 下 语句 设置 的 。 
Button1.RAttributes.add("onclick"，"javascript:return confirm(' 真 的 准备 删除 
吗 ? ')"); 
其 中 “Attributes.Add0” 给 按钮 附加 了 调用 浏览 器 的 DHTML 功能 。 
例 8.4 自动 显示 被 选中 的 服务 器 图 形 按钮 。 
若 界面 上 有 多 个 服务 器 图 形 按钮 ， 分 别 用 于 执行 不 同 的 任务 。 为 了 防止 单 击 错误 ， 最 
好 当 鼠 标 指针 移动 到 某 个 按钮 上 时 ， 先 用 DHTML 改变 该 按钮 的 外 形 ， 来 作为 该 按钮 已 被 
选中 的 信号 。 
为 了 简单 起 见 ， 现 在 用 一 个 图 形 按钮 (ImageButton1) 来 说 明 设 计 方 法 。 这 个 图 形 按钮 
是 一 个 服务 器 控件 ， 如 果 单 击 该 按钮 ， 将 调用 服务 器 方法 Response.Write0 来 显示 “执行 1 
号 任务 ! ”字符 串 。 现 在 要 求 当 鼠 标 指针 移动 到 按钮 上 方 (不 单 击 按钮 ) 时 ， 更 换 按钮 上 的 
图 像 (假定 原来 的 photol.jpg 换 成 photo2.jpg)。 当 鼠标 指针 离开 时 还 原 为 原来 的 图 像 。 
网 页 中 的 相关 代码 如 下 。 
<%@ Page Language="C#" $> 
<script runat="server"> 
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protected void ImageButton]l Click(object sender, ImageClickEventArgs e) 
{ 
Response.Write ("执行 1 号 任务 ! "); 


</script> 


<head runat="server"> 
<title>Untitled Page</title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp: ImageButton ID="ImageButtonl" runat="server" ImageUrl="photol.jpg" 
OnCclick="ImageButton1l_ Click" onmouseover="this.src='photo2.jpg'" 
onmouseout="this.src='photol.jpg'" EnableViewState="False"/> 
</div> 
</form> 
</body> 
</html> 


其 中 ， 定 义 按钮 的 代码 : 
<asp: ImageButton ID="ImageButtonl" .. onmouseover="this.src='photo2.jpg'" 
onmouseout="this.src='photol .jpg'"./> 
粗 体 表示 的 部 分 就 是 调用 浏览 器 端 DHTML 功能 。 即 当 鼠 标 指针 移动 到 控件 上 方 时 启 
动 onmouseover 事件 ， 将 图 形 按钮 上 的 图 像 改 成 photo2.jpg; 当 鼠 标 指针 离开 按钮 时 启动 
onmouseout 事件 ， 将 图 形 还 原 成 photol.jpg。 
3. 调用 浏览 器 的 其 他 功能 


ASP.NET 提供 的 某 些 服务 器 控件 ， 如 校 验 控件 、TreeView 控件 等 ， 能 够 自动 对 客户 
传 来 的 信息 进行 检测 ， 判 断 其 是 否 具有 足够 的 DHTML 功能 (通常 是 指 正 的 版 本 是 否 在 
5.0 以 上 )。 如 果 具 备 这 些 功 能 ， 将 会 根据 事先 的 设 定 自动 将 部 分 辅助 功能 分 配 在 浏览 器 端 
执行 ， 以 提高 程序 的 运行 效率 。 具 体 情况 将 在 后 续 章 节 中 讲述 。 


8.3 应 用 示例 


下 面 是 6 个 应 用 示例 ， 这 些 示 例 虽然 简单 ， 但 每 个 示例 代表 一 种 不 同 的 类 型 。 通 过 这 
些 不 同类 型 的 示例 可 以 进一步 理解 常用 控件 的 使 用 方法 及 事件 模型 的 执行 过 程 。 

例 8.5 ”两 种 事件 处 理 代 码 的 比较 。 

假定 在 网 页 中 要 写 一 段 问候 程序 。 这 段 程序 可 以 在 服务 器 端 执行 ， 也 可 以 在 浏览 器 端 
执行 。 为 了 便于 比较 ， 在 创建 ASPX 网 页 时 ， 采 用 单 文件 存储 模式 。 现 在 编写 服务 器 端 执 
行 的 代码 如 下 。 

<script runat="server"> 


protected void Page Load(object sender, EventArgs e) 
{ 
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int ttl=int.Parse (DateTime.Now.Hour.ToSstring()); 
if ((ttl >= 6) && (ttl <= 12)) 
Response.Write ("上 午 好 !"); 
} 
else if ((ttl > 12) && (ttl <= 18)) 
{ 
Response.Write ("下 午 好 !"); 
} 
else 
Response.Write ("晚上 好 !"); 
} 
</script> 


这 段 代 码 中 <script runat="server">...</script>， 表 明 它 是 在 服务 器 端 执 行 的 代码 。 代 码 
首先 取出 当天 的 时 间 ( 小 时 )， 将 其 转换 成 整 型 数 ， 然 后 进行 判断 。 如 果 是 上 午 (6 一 12 点 )， 
显示 “上 午 好 !”; 如 果 是 下 午 (12 一 18 点 )， 显 示 “ 下 午 好 !”; 其 他 时 间 显示 “晚上 
好 !”。 这 段 代码 本 身 没 有 问题 ， 但 不 符合 实际 需要 。 因 为 全 世界 的 时 区 各 不 相同 ， 各 个 
客户 所 在 的 时 区 都 不 同 。 应 该 根据 客户 所 在 位 置 的 时 间 确 定 问候 的 内 容 ， 因 此 这 段 代码 应 
该 在 浏览 器 端 执行 。 

在 浏览 器 端 执行 的 代码 如 下 。 

<script language=javascript > 

{ 


Var now=new Date(); 
Var ttl = now.getHours();; 


if ((ttl >= 6) && (ttl <= 12)) 
| document .write ("上 午 好 !"); 
和 if ((ttl > 12) && (ttl <= 18)) 
document .write ("下 午 好 !"); 
a 
document .write ("晚上 好 !"); 
} 


</script> 

注意 和 上 一 段 代码 相 比 ， 有 以 下 区 别 。 

@ ”代码 用 <script language=javascript >...</script> 括 起 来 ， 这 表明 这 段 代码 在 浏览 器 
端 执行 (去 掉 了 runat="server" 属 性 )， 而 且 使 用 的 语言 是 JavaScript。 

e@ 代码 中 不 能 使 用 服务 器 端 对 象 Response ， 而 必须 改 用 浏览 器 端 函 数 
document.write ()。 

例 8.6 一 个 简单 的 学 生 选 课 系 统 。 

本 示例 的 主要 目的 是 学 会 开发 一 个 应 用 程序 。 要 求 先 填 完 姓名 、 学 号 ， 然 后 在 下 拉 列 

表 中 选课 。 当 单 击 按钮 时 ， 将 提示 姓名 、 学 号 以 及 选择 的 课程 。 
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创建 的 步骤 如 下 。 

(D 建立 一 新 项 目 ， 从 工具 箱 向 窗 体 拖 入 以 下 Web 控件 : 两 个 TextBox、3 个 
Label、 一 个 Button 和 一 个 DropDownlist。 界 面 的 部 署 如 图 8.6 所 示 。 

(2) 单 击 DropDownList 控件 属性 Items 右边 的 省 略 号 按钮 ， 弹 出 【ListItem 集合 编辑 
器 】 对 话 框 ， 如 图 8.7 所 示 。 

(3) 分 别 在 Text 及 Value 中 添加 下 拉 列 表 的 选项 。 

(4) 在 【设计 】 视 图 中 双击 按钮 图 标 ， 打 开 代码 (隐藏 ) 文 件 ， 在 按钮 单 击 事件 中 编写 
事件 处 理 如 下 代码 。 

private void Buttonl Click(object sender, System.EventArgs e) 

' Response.Write (TextBoxl .Text+" 学 号 : "+TextBox7.Text+" "); 


Response.Write ("你 选择 的 课程 是 : "+ DropDownListl.SelectedVvalue); 


代码 中 DropDownListl.SelectedValue 代表 下 拉 列 表 中 选项 的 值 。 


文件 四 ”六 得 如 ”查看 加 收 记 &) 工具 DD ” 是 
月 7 昌国 的 | 有 P 扫 完 WR ” 
地 丰 各 Mtp /oceanhort/roramz] 固 和 | 锯 开 > 


[ml hE: ET 


图 8.6 学 生 选 课 系 统 图 8.7 【Listltem 集合 编辑 器 】 对 话 框 

例 8.7 摄氏 、 华 氏 温 度 的 转换 。 

本 示例 的 主要 目的 是 掌握 不 同类 型 数据 的 转换 方法 。 

温度 有 两 种 表示 方法 : 摄氏 和 华氏 。 设 C 代表 摄氏 ，F 代表 华氏 。 两 种 温度 的 转换 公 
式 如 下 。 

华氏 转换 摄氏 时 为 

C=(F - 32) * 5/9 

摄氏 转换 华氏 时 为 


Fe MSC 


现在 设计 一 网 页 完成 两 种 温度 的 转换 工作 。 

利用 标准 控件 设计 程序 的 界面 。 该 界面 使 用 了 两 个 Label、 两 个 TextBox、 一 个 
RadioButtonList、 一 个 Button。 具 体 设置 如 图 8.8 所 示 。 

给 RadioButtonList 的 Items 属性 设 初始 值 。 方 法 是 单 击 Items 属性 的 省 略 号 按钮 ， 将 
弹出 如 图 8.9 所 示 的 对 话 框 。 

在 【ListItem 集合 编辑 器 】 对 话 框 中 添加 两 个 成 员 (“ 转 换 成 摄氏 ”和 “转换 成 华 
氏 ”)， 分 别 为 成 员 的 Text 和 Selected 属性 设 初 值 。 
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大 让 回回 neep /iorshostjHheng Teneerstu | 加 甘 到 ee 


初 妇 值 ， 。 而 一 一 一 一 | 
措 ， Fa | 
人 转交 成 用 氏 


转交 成 华氏 | 
Button 8 党 党 
习 
BE [ET 
图 8.8 温度 转换 界面 8.9 RadioButtonList 的 Items 属性 设置 


在 按钮 的 Click 事件 中 编写 代码 。 该 代码 完成 以 下 任务 。 

(1) 如 果 TextBox1l 为 空 时 ， 提 示 给 温度 赋 初 值 。 

(2) 换算 前 先 判断 RadioButtonList 中 的 选项 ， 并 按照 公式 进行 换算 。 
(3) 将 换算 结果 显示 在 TextBox2 中 。 

具体 代码 如 下 。 


Private void Buttonl_Click(object sender, System.EventArgs e) 
{ 
float rr=0; 
if (TextBox1l .Text=="") 
Response .Write ("请 输入 初始 值 ."); // 提 示 输 入 
LSe 
// 换 算 
if (RadioButtonList1.SelectedIndex==0) 
rr=( (float.Parse (TextBox1l.Text)-32)*5/9) 
else 
rr=(float.Parse (TextBoxl] .Text)*9/5+32); 
TextBox2.Text=rr.ToString (); // 显 示 结 果 
} 


类 库 中 的 Math 类 是 一 个 用 于 数学 运算 的 类 ， 包 括 有 大 量 的 数学 运算 的 静态 方法 ， 可 


以 通过 类 名 直接 调用 。 比 如 现在 只 想 使 结果 保持 一 定 的 小 数位 时 ， 可 以 调用 该 类 的 
Round() 方 法 。 例 如 下 述 语句 : 


机 ， 


TextBox2 .Text = Math.Round (rr,2) .ToString() 7 

就 是 将 结果 (mm) 只 保留 两 位 小 数 ， 对 第 三 位 进行 四 舍 五 入 。 

以 上 程序 是 在 按钮 的 Click 事件 中 进行 换算 的 ， 这 是 通用 的 办 法 。 如 想 改变 换算 的 时 
在 改变 温度 的 初始 值 后 立即 进行 换算 ， 可 以 将 TextBox1l 控件 的 AutoPostBack 属性 改 


为 tue， 并 将 换算 的 代码 写 在 该 控件 的 TextChanged 事件 中 。 


例 8.8 多 图 片 之 间 切 换 。 本 示例 的 主要 目的 是 学 会 图 形 控件 的 使 用 方法 。 
要 求 设计 一 个 由 了 RadioButtonList 控件 选择 显示 不 同 图 片 的 界面 ， 如 图 8.10 所 示 。 
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设计 步骤 如 下 。 

(1) 右 击 网 站 名 ， 在 弹出 的 快捷 菜单 中 选择 【添加 】|【 添 加 现 有 项 】 命 令 ， 将 多 张 
图 片 ( 设 图 片 的 名 称 为 cusl.bmp、cus2.bmp、*…、cus7.bmp 等 ) 加 入 到 项 目 中 。 

(2) 将 RadioButtonList 及 图 形 控 件 (Image) 和 按钮 控件 (Button) 从 工具 箱 拖 入 窗 体 ， 单 
击 RadioButtonList 控件 的 属性 Items 右边 的 省 略 号 按钮 ， 弹 出 【ListItem 集合 编辑 器 】 对 
话 框 ， 如 图 8.11 所 示 。 


ET 
文件 介入 名 E) 查看 0 收藏 和 工 上 I) 天” 导 
日 恨 " 口 - 习 辐 多 | 站 拉 六 天 中 
趣 直 四 | 忆 tt :leealhoswsbxrkjmetz] 加 竺 到 | 请 是 


8.10 图片 选择 8.11 【Listltem 集合 编辑 器 】 对 话 框 


(3) 在 对 话 框 中 添加 项 ， 为 每 项 的 Text、Value 属性 赋值 ， 如 图 8.11 所 示 。 

(4) 打开 RadioButtonList 控件 的 SelectIndexChanged 事件 ， 编 写 如 下 代码 。 

private void RadioButtonListl SelectedIndexChanged (object sender, 

System.EventArgs e) 

Imagel .ImageUrl=RadioButtonList]l.SelectedValue; 
. 

(5) 运行 程序 后 ， 改 变 RadioButtonList 控件 的 选择 ， 然 后 单 击 按钮 ， 图 形 控 件 中 的 
图 片 将 跟随 改变 。 

如 果 想 在 改变 RadioButtonList 控件 的 选择 时 立即 得 到 响应 ， 不 需要 单 击 按钮 ， 将 
RadioButtonList 控件 的 AutoPostBack 属性 设置 为 tue 即 可 。 

例 8.9 ”页面 跳 转 。 本 示例 的 主要 目的 是 学 会 利用 Response 对 象 进行 页 面 跳 转 的 方法 。 

在 网 页 的 应 用 中 很 多 地 方 需要 进行 页 面 跳 转 。 前 面 已 经 学 过 利用 超 链接 方法 切换 页 
面 ， 这 里 将 要 学 习 另 一 种 页 面 切换 的 方法 。 这 是 一 种 在 服务 器 端 利用 Response 对 象 进行 
页 面 切换 的 方法 。 在 ASP.NET 中 使 用 这 种 方法 切换 页 面 的 机 会 是 很 多 的 。 

Response 对 象 是 HttpResponse 类 的 实例 ， 只 不 过 客户 可 以 直接 使 用 愤 了 。Response 
对 象 包含 很 多 属性 和 方法 。 例 如 Response.Wriite( 字 符 串 ): 可 以 向 浏览 器 送 去 字符 串 。 本 示 
例 中 将 要 用 到 Redirect( 字 符 串 ) 方 法 ， 其 中 字符 串 参 数 就 是 新 URL。 这 个 方法 的 作用 是 将 
客户 端 重新 定位 到 新 的 URL。 

实现 步骤 如 下 。 

(1) 设置 两 个 以 上 的 窗 体 ( 如 WebFoml.aspx、WebFom2.aspx、…、WebFom7.aspx、…)。 
在 其 中 之 一 放 署 标准 控件 ， 设 有 Label、DropDownList、Button 各 一 个 ， 如 图 8.12 所 示 。 

(2) 单 击 DropDownListl 控件 ， 再 单 击 属性 Items 右边 的 首 略 号 按钮 。 在 弹出 的 对 话 
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框 中 添加 需要 转换 的 网 页 。 如 果 是 本 项 目 中 的 网 页 ， 只 需 在 Value 栏 中 填写 网 页 名 即 可 
(例如 WebForm7.aspx)。 如 果 是 项 目 以 外 的 网 页 ， 需 要 写 出 完整 的 URL 地 址 ， 如 图 8.13 
所 示 。 
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ETITTTRTRERERIL LEL 国 #m seed Fake 
a 回 +| Text 新 浪 网 站 
选择 网 页 [新 可 了 JE vee http:/ /www.sina.con 
(AQ) 也 


教训 
新 浪 网 站 


芋 - 可 居中 三 


[Ea 三 厂 网 焕 wns 7 


图 8.12 页 面 跳 转 界面 图 8.13 ”调用 网 站 外 的 网 页 时 的 设置 
(3) 在 Button 的 Click 事件 中 编写 如 下 代码 。 


private void Buttonl Click(object sender, System.EventArgs e) 


# 
Response.Redirect (DropDownListl.SelectedItem.Value); 


} 

如 果 想 在 改变 选择 时 立即 得 到 响应 ， 除 了 需要 将 DropDownListl 控件 的 AutoPostBack 
属性 改 为 tue， 还 要 改变 选择 的 事件 ， 将 Buttonl_Click 改变 为 DropDownListl 。 

例 8.10 ”动态 公告 条 。 在 本 示例 中 使 用 了 Adrotator 控件 ， 并 结合 使 用 了 XML 文件 。 

AdRotator 控件 用 于 显示 公告 栏 中 的 某 一 公告 ， 此 公告 栏 由 一 个 基于 XML 的 公告 文 
件 指定 。 该 文件 中 包括 <Ad> 节 点 ， 节 点 中 包括 公告 所 在 图 像 的 路 径 (URL)、 图 像 不 存在 时 
显示 的 文本 以 及 公告 显示 次 数 占 总 次 数 的 比率 (百分比 )。 由 于 各 个 公告 的 重要 性 不 同 ， 应 
给 各 个 公告 设置 不 同 的 显示 概率 ， 使 得 重要 的 公告 显示 的 次 数 多 于 一 般 的 公告 。 
下 面 结合 示例 说 明 使 用 的 方法 ， 如 图 8.14 所 示 。 


文件 如。 负 可 区 ) 本 看 WW) 收藏) 工具 UT) 型 肝 ”| 以 
(eT CWO. Wh 2 


地 直面) 所 ] http /aecahesvrerta/reare] 国 轩 到 | 证 扫 > 


按钮 
29 
加 二 厂矿 网 # mt 加 


图 8.14 动态 公告 条 界面 
具体 操作 步骤 如 下 。 
(D 创建 一 项 目 ， 将 多 个 公告 图 片 放 入 项 目 中 。 
(2) 右 击 项 目 名 ， 在 弹出 的 快捷 菜单 中 选择 【添加 】|【 添 加 新 项 】 命 令 ， 在 【 模 
板 】 对 话 框 中 打开 XML 文件 。 
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(3) 按照 下 面 的 格式 编写 XML 文件 。 


<Advertisements xmlns="http://schemas.microsoft .com/AspNet/AdRotator— 
Schedule-File"> 
<Ad> 
<ImageUrl>CHIP.jpg</ImageUrl> 
<Keyword> 连 接 到 芯片 图 </Keyword> 
<Impressions>20</Impressions> 
<NavigateUrl>WebForm7.aspx</NavigateUrl> 
</Ad> 
<Ad> 
<ImageUrl>CONSTRUC .jpg</ImageUrl> 
<Keyword> 连 接 到 基建 图 </Keyword> 
<Impressions>30</Impressions> 
<NavigateUrl>WebForm7.aspx</NavigateUrl> 
</Rd> 
<Rd> 
<ImageUrl>SKYLINE .jpg</ImageUTr1> 
<Keyword> 连 接 到 工厂 外 景 图 </Keyword> 
<Impressions>15</Impressions> 
<NavigateUrl>WebForm7.aspx</NavigateUrl> 
</Rd> 
</Advertisements> 


其 中 : 
@ ”<ImageUrl>...</ImageUrl> 标 记 的 中 间 为 图 片 名 。 
@ ”<Keyword>...</Keyword> 标 记 的 中 间 为 关键 字 ， 用 来 说 明 公 告 的 特点 。 如 果 不 能 
显示 图 片 时 ， 显 示 这 些 关 键 字 。 
@ ”<Impressions>...</Impressions> 中 间 为 一 个 大 于 0 的 整数 ， 代 表 显 示 的 概率 ， 数 
字 越 大 显示 的 次 数 越 多 。 
@ ”<NavigateUrl>...</NavigateUrl> 代 表 网 页 的 URL。 
(4) 将 文件 以 后 缀 为 .xml 的 名 字 存 储 ， 并 在 AdRotator 控件 的 AdvertismentFile 属性 
中 填 入 上 述 文件 名 。 
(5) 运行 程序 ， 以 检查 效果 。 反 复 单 击 按钮 ， 每 单 击 一 次 就 相当 于 访问 网 页 一 次 。 查 
看 各 图 片 出 现 的 次 数 是 否 符合 前 面 设置 的 比例 。 


8.4 小 结 


控件 实质 上 就 是 一 个 类 ， 一 种 可 视 化 的 类 。 利 用 控件 进行 设计 ， 可 以 起 到 “所 见 即 所 
得 ”的 直观 效果 。 

事件 处 理 模 型 是 影响 系统 运行 方式 的 重要 方面 。 事 件 处 理 模型 有 多 种 方式 ， 有 的 以 浏 
览 器 处 理 为 主 ， 有 的 以 服务 器 处 理 为 主 。 就 好 比 人 们 到 超市 去 购 货 ， 可 以 使 用 现金 也 可 以 
使 用 信用 卡 ， 前 一 种 方式 是 基于 浏览 器 的 处 理 方案 ， 因 为 此 时 所 有 计算 都 在 现场 完成 ; 而 
后 一 种 方式 是 基于 服务 器 的 处 理 方案 ， 因 为 此 时 客户 只 需要 刷卡 ， 所 有 财务 方面 的 问题 都 
由 银行 系统 的 服务 器 自动 完成 。 也 可 以 用 刷卡 方式 ， 但 用 一 点 零钱 (现金 ) 作 为 调整 ， 这 就 
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是 服务 器 结合 浏览 器 的 方式 。 

在 传统 的 HTML 网 页 或 ASP 网 页 中 ， 当 在 浏览 器 端 下 载 网 页 以 后 ， 发 生 的 事件 都 在 
浏览 器 端 处 理 ， 直 到 提交 网 页 时 才 再 度 与 服务 器 进行 交互 。 现 在 ASPNET 3.5 采用 的 是 基 
于 服务 器 的 事件 驱动 模型 ， 程 序 运 行 中 浏览 器 与 服务 器 之 间 的 交互 变 得 更 加 频繁 ， 这 不 仅 
充分 发 挥 了 .NET 框架 平台 的 作用 ， 也 使 得 系统 的 运行 方式 更 加 接近 于 桌面 系统 ， 使 得 两 
种 设计 思想 更 加 趋 于 一 致 ， 从 而 使 得 广大 程序 设计 者 学 习 和 掌握 ASPNET 3.5 系统 变 得 更 
加 容易 。 


1. 填空 题 

(1) 当 需 要 将 TextBox 控件 作为 密码 输入 框 时 (要 求 隐藏 密码 的 代码 )， 应 该 将 控件 的 
属性 设置 为 Password。 

(2) 当 一 个 Web 控件 上 发 生 的 事件 需要 立即 得 到 响应 时 ， 应 该 将 它 的 属性 
设 为 true。 

(3) 下 面 是 一 个 转移 到 新 网 页 的 指令 。 

Response. ("新 网 页 的 Url"); 
(4) 将 下 列 数 据 (nn) 在 TextBox 控件 中 显示 出 来 。 


double nn = 4512.65; 
TextBoxl.Text = 


(5) 将 下 列 字符 串 转换 为 浮 点 类 型 的 数据 ， 以 便 进行 计算 。 


string ss = "4109.54"; 
double dd = 了 

2. 选择 题 

(1) 下 面 几 个 图 形 控件 中 ， 不 能 执行 鼠标 单 击 事件 的 控件 是 。 
A. ImageButton B. Image C. ImageMap 


(2) 当 需 要 用 控件 来 输入 性 别 ( 男 、 女 ) 或 婚姻 状况 (已 婚 、 未 婚 ) 时 ， 为 了 简化 输入 ， 
应 该 选用 的 控件 是 。 


A. RadioButton B. CheckBoxList 
C. CheckBox D. RadioButtonList 
3. 判断 题 
(1) HTML 控件 属于 浏览 器 控件 ， 不 接受 服务 器 的 控制 。 (起 
(2) HTML 控件 与 HTML 元 素 一 一 对 应 ， 而 Web 控件 的 抽象 程度 更 高 ， 一 个 控件 设 
置 不 同 的 属性 时 可 以 实现 不 同 的 功能 。 ¢ 站 


(3) Web 控件 中 的 几 个 按钮 都 可 以 起 到 向 服务 器 提交 数据 的 作用 。 € 
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4. 简 答题 


(D 
GO) 
G) 
(0 
(5) 
(0) 
(7) 


在 ImageMap 控件 中 如 何 实现 分 区 超 链接 ? 

如 何 对 控件 进行 定位 ? 

简 述 ASPNET 的 事件 模型 。 

举例 说 明 Web 控件 调用 DHTML 辅助 功能 的 方法 。 

举例 说 明 动态 创建 数据 表 的 方法 。 

简 述 系统 在 执行 HIML 表单 与 Web 表单 时 的 区 别 。 

HTML 表单 中 的 两 个 属性 Active 与 Method 各 起 什么 作用 ? 


5. 操作 题 


(D 


(3) 


创建 多 张 网 页 ， 并 实现 网 页 之 间 多 种 方法 的 转移 。 转 移 时 使 用 的 方法 包括 : 
利用 HIML 表单 。 

利用 HTML<a...> 超 链接 标记 。 

利用 HyperLink 控件 。 

利用 Response.Redirect() 方 法 。 

输入 两 个 数值 ， 其 中 一 个 是 分 子 ， 另 一 个 是 分 母 。 输 出 两 数 之 比 的 百分比 。 
在 ImageMap 控件 上 放置 一 张 地 图 ， 实 现 对 各 个 地 区 的 超 链接 。 
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网 站 与 桌面 系统 的 工作 方式 不 同 ， 与 传统 的 分 布 式 系统 也 不 相同 。 在 桌面 系统 中 ， 系 
统 资 源 被 独占 ; 在 传统 的 分 布 式 系统 中 ， 资 源 虽然 分 布 在 系统 的 各 个 环节 ， 但 是 只 要 不 专 
门 指定 ， 系 统 总 是 保持 连接 的 。 网 站 系统 虽然 也 是 一 个 分 布 式 系统 ， 但 由 于 服务 器 要 为 众 
多 的 客户 服务 ， 浏 览 器 与 服务 器 之 间 的 连接 是 不 连续 的 ， 状 态 也 是 不 保持 的 ，HTTP 是 一 
个 无 状态 的 通信 协议 。 这 就 是 说 ， 在 网 站 系统 中 ， 每 次 浏览 器 与 服务 器 之 间 的 连接 都 是 加 
时 的 。 当 浏览 器 与 服务 器 之 间 的 一 次 会 话 结束 ， 它 们 之 间 的 连接 也 就 自动 断 开 了 ， 下 一 次 
会 话 与 本 次 连接 无 关 ， 两 次 连接 之 间 不 存在 任何 联系 。 

为 什么 不 保持 状态 呢 ? 这 是 因为 访问 网 站 的 客户 常常 川流不息 。 如 果 要 求 系统 将 所 有 
被 访问 的 网 页 的 状态 都 记忆 下 来 ， 必 然 会 耗费 大 量 的 系统 资源 ， 严 重地 降低 程序 的 运行 
效率 。 

然而 ， 在 网 站 应 用 中 有 的 状态 却 是 需要 保留 的 ， 比 如 客户 在 购 货车 中 订购 商品 、 客 户 
登录 的 身份 、 对 问卷 调查 所 作 的 回答 等 ， 这 些 状态 中 有 的 希望 能 够 保留 一 定 的 时 间 ， 以 便 
联合 处 理 或 者 在 一 定 的 范围 内 进行 传递 和 共享 。 

为 此 ， 系 统 提供 了 状态 管理 方法 ， 允 许 有 选择 地 将 一 些 状态 (数据 ) 在 一 定 的 时 间 内 持 
续 地 保存 下 来 。 本 章 将 要 介绍 几 种 状态 的 管理 方法 ， 具 体内 容 包 括 : 
视图 状态 。 

应 用 程序 状态 。 
会 话 状态 。 

Cookie 状态 。 
简单 的 应 用 示例 。 

Web 窗 体 页 的 生命 周期 。 


9.1 状态 的 类 型 
ASP.NET 提供 了 4 种 状态 类 型 ， 分 别 应 用 于 不 同 的 目的 。 
@ ”视图 状态 .用 于 保存 本 窗 体 页 的 状态 。 
@ ”应 用 程序 状态 用 于 保存 整个 应 用 程序 的 状态 ， 状 态 存储 在 服务 器 端 。 
@ 会 话 状态 : 用 于 保存 单一 客户 的 状态 ， 状 态 存储 在 服务 器 端 。 
@ ”Cookie 状态 : 用 于 保存 单一 客户 的 状态 ， 状 态 存储 在 浏览 器 端 。 
9.2 视图 状态 


简单 地 说 ， 视 图 状态 就 是 本 窗 体 的 状态 。 保 持 视图 状态 就 是 在 反复 访问 本 窗 体 页 的 情 
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况 下 ， 能 够 保持 状态 的 连续 性 。 

微软 创建 ASP.NET 时 追求 的 目标 之 一 ， 是 尽量 使 网 站 的 设计 与 桌面 系统 一 致 。 
ASP.NET 中 的 事件 处 理 模 型 是 实现 本 目标 的 重要 措施 (参见 第 7 章 )， 该 模型 是 基于 服务 器 
处 理事 件 的 ， 当 服务 器 处 理 完事 件 后 通常 再 次 返回 到 本 窗 体 以 便 继续 后 续 的 操作 。 如 果 不 
保持 视图 状态 ， 就 是 说 当 窗 体 页 返回 时 ， 窗 体 页 中 原 有 的 状态 (数据 ) 都 不 再 存在 ， 这 种 情 
况 下 怎样 能 够 继续 窗 体 的 操作 ? 

下 面 用 一 个 简单 的 示例 来 说 明 这 种 情况 。 

假定 向 窗 体 中 放 入 几 个 HTML 控件 (浏览 器 端 控 件 )。 

. -个 Input(Text) 控 件 ， 用 来 输入 姓名 。 

. -个 Input(Password) 控 件 : 用 来 输入 口令 。 

. -个 Input(Text) 控 件 : 用 来 输入 数量 。 

@ 一 个 mput(Submib 按 钮 控件 : 用 来 向 服务 器 提交 数据 。 

界面 如 图 9.1 所 示 。 


ETIIIIDITTIITTTLEIOIS| 


到 
[mm 


9.1 使 用 HTML 控件 的 示例 


当 输 入 完 数据 ， 单 击 【 提 交 】 按 钮 时 ， 提 交 数 据 的 同时 ， 网 页 被 重新 启动 ， 网 页 中 原 
有 数据 都 不 见 了 。 这 就 是 不 保持 视图 的 结果 。 若 直接 改 用 标准 控件 ， 再 按照 前 面 的 方法 操 
作 ， 当 单 击 【提交 】 按钮 提交 数据 后 状态 仍然 保持 。 

注意 : 用 于 口令 的 输入 框 是 一 个 例外 ， 它 不 能 保持 状态 。 

系统 是 利用 什么 方法 来 保持 视图 状态 的 呢 ? 原来 在 这 里 微软 采用 了 一 种 比较 特殊 的 方 
式 ， 只 要 在 浏览 器 中 打开 网 页 的 源 文件 来 查看 一 下 ， 就 会 发 现在 源 代码 中 已 经 自动 增加 了 

一 段 代码 。 例 如 : 
<input type="hidden" name="_ VIEWSTATE" 
value="dDwtNTMwNzcxMzI00zs+4G+LcyJuZIyhKS53MRLvVCJ46CUk=" /> 

这 说 明 在 网 页 中 已 经 自动 增加 了 一 个 隐 含 控件 ， 控 件 的 名 字 为 “_VIEWSTATE”。 
由 于 这 个 新 控件 是 隐 含 控件 (type="hidden")， 因 此 增加 它 并 不 会 改变 界面 上 的 布局 。 控 件 
中 的 value 属性 就 是 窗 体 页 中 各 个 控件 以 及 控件 中 的 数据 (状态 )。 为 了 安全 ， 这 些 数据 在 
默认 情况 下 都 使 用 散 列 码 (Hash Code) 进 行 了 加 密 ， 已 经 变 得 难以 辨认 。 当 网 页 提交 时 ， 浏 
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览 器 端 首先 将 当前 网 页 中 的 各 种 状态 保留 到 这 个 字段 中 ， 当 网 页 返回 到 本 窗 体 页 时 ， 再 自 
动 把 这 些 状 态 反馈 给 返回 的 窗 体 页 ， 也 就 恢复 了 窗 体 页 中 各 控件 的 状态 。 

视图 状态 只 能 在 本 网 页 与 服务 器 的 往返 中 保持 ， 而 不 能 在 不 同 网 页 之 间 传递 ， 这 是 和 
其 他 状态 所 不 同 的 地 方 。 在 默认 情况 下 几乎 所 有 服务 器 控件 都 具有 保持 视图 状态 的 功能 。 

保持 视图 状态 带 来 了 好 处 ， 但 同时 也 带 来 一 些 新 的 矛盾 。 如 果 控 件 中 包括 的 数据 量 很 
大 (例如 某 控件 内 有 数 百 条 记录 ) 时 ， 将 会 延长 网 页 往返 时 需要 的 时 间 。ASP.NET 对 网 页 在 
往返 时 数据 的 转换 进行 了 优化 ， 从 而 大 大 减少 了 转换 的 时 间 。 
由 于 使 用 了 散 列 码 (一 种 加 密 的 校 验 码 )， 视 图 状态 的 安全 已 经 可 以 满足 大 多 数 客 户 的 
要 求 。 如 果 对 某 张 网 页 还 有 更 高 的 安全 要 求 时 ， 可 以 对 视图 状态 进一步 加 密 。 即 在 网 页 的 
<%@ Page...%> 增 加 以 下 设置 。 

<%@ Page ViewStateEncrypPtionMode = "Always" $%> 


也 可 以 在 网 站 的 配置 文件 中 设置 ViewStateEncryptionMode 属性 ， 以 便 对 网 站 的 多 张 
网 页 实现 视图 状态 的 加 密 。 方 法 如 下 。 
<configuration> 


<system.web> 
<pages ViewStateEncryptionMode = "Always" /> 


</system.web> 
</configuration> 
提示 : 如 果 不 是 特别 需要 ， 不 要 对 视图 状态 进一步 加 密 ， 因 为 这 种 加 密 处 理 是 以 性 能 的 损 
失 为 代价 的 。 


9.3 ”应 用 程序 状态 


Application 对 象 是 HTTPApplicationState 类 的 实例 。Application 是 属于 全 局 性 的 对 
象 ， 用 于 存放 应 用 程序 中 多 个 客户 共享 的 信息 。 当 客户 第 一 次 访问 某 虚拟 目录 的 资源 时 被 
创建 ， 退 出 应 用 程序 或 关闭 服务 器 时 被 撤销 。 
Application 对 象 利 用 “ 键 一 值 ”对 的 字典 方法 来 定义 ， 其 中 “ 键 ”为 字符 串 ， 代 表 状 
态 的 “名 ”，“ 值 ”可 以 是 任何 类 型 的 数据 。 例 如 : 
Application["Message"] = " MyMsg"; 
// 给 名 为 Message 的 Application 对 象 赋值 ， 值 为 MYMsg 
string Myvar= (string)Application["Message"]; 
// 取出 名 为 Message 的 Application 的 值 赋 给 字符 串 Myvar 
为 了 和 以 前 的 ASP 版 本 兼容 也 可 以 使 用 以 下 语句 。 
Application.Contents["Message"] = " MyMsg"; 
string Myvar=(string) Application.Contents["Message"]; 
可 以 利用 Application 的 Add 方法 向 Application 的 集合 中 添加 项 ， 也 可 以 利用 
Remove 方法 删除 不 需要 的 项 。 例 如 : 
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Application.Add ("Message", "MyValue"); 
Application.Remove ("Message"); 
[以 利用 Clear0 或 者 RemoveAll0 方 法 清除 Application 集合 中 的 内 容 。 例 如 : 
Application.Clear (); 
Application.RemoveAll (); 
于 信息 共享 ， 有 可 能 出 现 多 个 客户 同时 访问 Application 时 而 引发 竞争 。 为 了 防止 
竞争 带 来 的 影响 ， 可 以 利用 Application 对 象 的 两 个 方法 Lock0 和 UnLock0。 其 中 LockO 
方法 用 于 锁定 对 象 ， 不 允许 其 他 进程 访问 ，UnLock 0 方法 用 于 解锁 ， 以 便 允 许 其 他 进程 
访问 。 

例如 ， 将 Application["counter"] 用 来 统计 访问 网 站 的 人 数 时 可 以 采用 以 下 代码 。 


=| 


Application.Lock(); // 锁 定 Application 对 象 ， 避 免 多 客户 竞争 访问 
Application ["counter"] = (int)Application ["counter"] + 17 
Application.UnLock(); // 解 除 对 Application 对 象 的 锁定 


应 用 程序 状态 只 能 在 网 站 运行 时 存在 。 如 果 Web 服务 器 关闭 或 崩溃 了 ， 应 用 程序 状 
态 所 保留 的 信息 也 会 损坏 或 丢失 。 因 此 ， 对 于 那些 需要 永久 保留 的 状态 应 当 保 存在 数据 库 
或 其 他 永久 性 的 存储 器 中 。 


9.4 会 话 状 态 


9.4.1 概述 


会 话 状态 (Session State) 是 为 单个 客户 保留 的 状态 。 在 网 站 中 ， 每 一 个 新 访问 的 客户 都 
将 产生 自己 的 会 话 (Session) 对 象 。 这 个 Session 对 象 在 服务 器 端 进行 管理 ， 只 能 为 当前 访 
问 的 客户 服务 。 如 果 另 一 位 客户 也 打开 网 站 ， 他 也 将 拥有 自己 的 Session 对 象 ， 两 个 客户 
的 Session 对 象 之 间 即 使 同名 ， 也 不 能 共享 同一 个 Session 对 象 。 

在 早期 的 ASP 中 ，Session 只 能 用 于 存储 和 检索 字符 串 信息 。 而 在 ASP.NET 中 增强 

会 话 状态 的 功能 。 现 在 的 Session 已 经 成 为 一 个 带 有 方法 和 属性 的 真正 的 .NET 对 象 。 可 
以 在 Session 对 象 中 存储 任何 数据 类 型 ， 包 括 客户 定义 的 类 和 结构 。 

Session 对 象 是 HttpSessionState 类 的 实例 。HttpSessionState 类 的 公共 属性 如 表 9.1 

所 示 。 


表 9.1 Session 对 象 的 主要 属性 


属 性 说 明 


CodePage 获取 或 设置 当前 会 话 的 代码 页 的 标识 符 
Contents 获取 对 当前 会 话 状态 对 象 的 引用 


| 
| 

Count 获取 会 话 状态 集合 中 的 项 数 
| 


IsCookieless 获取 一 个 值 ， 该 值 指示 会 话 ID 是 嵌入 在 URL 中 还 是 存储 在 HTTP Cookie 中 
IsNewSession 获取 一 个 值 ， 该 值 指示 会 话 是 否 与 当前 请 求 一 起 创建 的 


IsReadOnl 获取 一 个 值 ， 该 值 指示 会 话 是 否 只 读 
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续 表 
属 性 说 明 
IsSynchronized | 获取 一 个 值 ， 该 值 指示 对 会 话 状态 值 的 集合 的 访问 是 否 同步 (线程 安全 ) 
a 已 重 载 。 获 取 或 设置 个 别 会 话 值 。 在 C# 中 ， 该 属性 为 HttpSessionState 类 的 索 
引 器 
Keys 获取 存储 在 会 话 中 的 所 有 值 的 键 的 集合 
LCID 获取 或 设置 当前 会 话 的 区 域 设 置 标识 符 (LCID) 
Mode 获取 当前 会 话 状态 的 模式 
SessionID 用 于 获取 会 话 的 唯一 标识 人 D 
a 获取 由 ASPNET 应 用 程序 文件 globalasax 中 的 <object Runat="Server" 
SO Scope="Session"/> 标记 声明 的 对 象 的 集合 
SyncRoot 获取 一 个 对 象 ， 该 对 象 可 用 于 同步 对 会 话 状 态 值 的 集合 的 访问 
Timeout 获取 并 设置 会 话 状态 所 允许 的 时 限 (以 分 钟 为 单位 ) 


HttpSessionState 类 的 主要 方法 如 表 9.2 所 示 。 


表 9.2 Session 对 象 的 主要 方法 


方法 名 说 了 明 
Abandon 取消 当前 会 话 
Add 将 新 的 项 添加 到 会 话 状态 中 
Clear 清除 会 话 状态 中 的 所 有 值 
CopyTo 将 会 话 状态 值 的 集合 复制 到 一 维 数组 中 
quals( 从 Object 继承 ) 已 重 载 。 确 定 两 个 Object 实例 是 否 相等 
GetEnumerator 获取 当前 会 话 中 所 有 会 话 状态 值 的 枚 举 数 


用 做 特定 类 型 的 哈 希 函数 ， 适 合 在 哈 希 算法 和 数据 结构 (如 哈 希 表 ) 


GetHashCode( 从 Object 继承 ) 


中 使 用 
GetType( 从 Object 继承 ) 获取 当前 实例 的 类 型 
Remove 删除 会 话 状 态 集合 中 的 项 
RemoveAll 清除 所 有 会 话 状 态 值 
RemoveAt 删除 会 话 状态 集合 中 指定 索引 处 的 项 
ToString( 从 Object 继承 ) 返回 表示 当前 Object 的 String 


9.4.2 ”Session 对 象 中 方法 的 调用 
Session 对 象 的 方法 可 以 用 来 保存 会 话 状态 和 管理 会 话 状态 两 个 方面 。 
1. 保存 会 话 状态 
保存 Session 对 象 时 可 以 使 用 以 下 语句 。 


Session["Message"] = "MyMsg"; 
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取出 Session 对 象 时 可 以 使 用 以 下 语句 。 


string MyVar= (string)Session["Message"]; 
为 了 与 ASP 的 早期 版 本 兼容 ， 也 可 以 使 用 Contents 属性 访问 这 些 值 。 语 句 如 下 。 


Session.Contents["Message"] = "MyMsg"; 
string MyVar= (string)Session.Contents["Message"]; 


2. 启动 会 话 状态 

应 用 程序 状态 在 网 站 中 总 是 可 用 的 ， 而 会 话 状态 在 使 用 前 必须 先 启动 。 不 过 ， 因 为 配 
署 文 件 (Machine.config) 的 默认 设置 是 启动 会 话 状 态 ， 因 此 不 需要 额外 的 步骤 就 能 启动 它 。 
虽然 如 此 ， 还 是 应 该 知道 ， 是 Machine.config 和 应 用 程序 的 Web.config 配置 文件 的 设置 决 
定 了 会 话 状态 是 被 启动 还 是 被 禁止 。 

如 果 想 延迟 到 需要 时 再 启动 会 话 状 态 ， 则 可 以 在 页 面 中 编写 以 下 指令 。 


<%@ Page EnableSessionState="False"” $%> 


上 述 设 定 并 不 会 毁坏 其 他 页 面 建立 的 会 话 ， 而 只 会 禁止 从 该 页 面 访问 Session 对 象 
的 值 。 

另 一 种 方法 就 是 通过 改变 窗 体 页 的 属性 来 选择 ， 在 下 拉 列 表 框 中 选择 DOCUMENT， 
然后 选择 enableSessionState 属性 ， 如 图 9.2 所 示 。 

可 以 在 enableSessionState 属性 的 下 拉 列 表 框 中 的 
True、False、ReadOnly 的 选项 中 选择 一 种 。 

3. 管理 对 话 

Session 对 象 提供 了 Timeout 属性 ， 用 来 设置 Session 
的 有 效 时 限 ， 以 分 钟 为 单位 。 默 认 情况 下 有 效 时限 为 20 
分 钟 。 即 如 果 在 有 效 时 间 内 没有 链接 Web 服务 器 ， 对 
Session 的 设置 将 自动 失效 。 可 以 在 网 页 中 延长 或 缩短 。 
Session 的 有 效 时 间 。 例 如 语句 9.2 设置 enableSessionState 


Session.Timeout=60 ; 


就 可 以 将 Session 的 有 效 时 间 延 长 至 60 分 钟 。 
如 果 需 要 终止 Session 的 使 用 时 ， 可 以 调用 Abandon0 方 法 。 语 句 如 下 。 


Session.Abandon () 


注意 ; 被 Session 使 用 的 关键 字 ( 名 称 ) 不 分 大 小 写 ， 因 此 不 要 用 大 小 写 来 区 分 多 个 变量 
9.5 ”Cookie 状态 
和 Session 对 象 一 样 ，Cookie 对 象 也 是 保存 下 来 作为 单个 客户 共享 的 状态 ， 但 是 这 个 


对 象 保存 的 位 置 与 Session 不 同 。Session 被 保存 在 服务 器 端 ， 而 Cookie 是 保存 在 浏览 器 
端的 。 在 Cookie 中 只 能 含有 较 少 量 的 信息 ， 大 多 数 浏览 器 不 超过 4096B( 有 些 新 的 浏览 器 
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可 以 达到 8192B)。 

Cookie 最 早出 现 是 在 Netscape Navigator 2.0 中 。 后 来 ASP 也 引入 了 这 个 技术 ， 它 的 
作用 是 与 Session 对 象 相 结合 来 识别 客户 。 每 当 客 户 开始 连接 站 点 时 ， 系 统 将 自动 在 内 存 
块 中 创建 一 个 客户 有 关 的 会 话 状态 ， 同 时 创建 一 个 客户 的 ID 存放 在 浏览 器 端 ， 与 当前 的 
客户 唯一 地 联系 起 来 。 这 样 ， 服 务 器 保存 了 Session， 浏 览 器 保存 了 Cookie( 客 户 的 ID)。 
当下 一 次 客户 发 出 请 求 时 ， 请 求 的 客户 将 被 要 求 提交 客户 的 ID， 两 者 对 照 以 正确 地 还 原 
原来 的 会 话 状态 。 这 就 是 在 无 状态 协议 的 HTTP 条 件 下 保持 客户 标志 的 方法 。 

可 以 通过 Response.Cookies.Add0 方法 直接 向 浏览 器 写 入 Cookie ， 通 过 
Request.Cookies 方法 读 取 已 经 设置 好 的 Cookie。 

写 入 Cookie 的 语句 是 

Response.Write (cookie.Value.ToString()) 7 

读 取 指 定 的 Cookie 时 的 语句 是 

HttpCookie cookie = Request.Cookies ["Cookie 的 名 称 "] ; 

Cookie 是 保存 在 客户 端的 字符 串 ， 它 会 影响 客户 的 行为 ， 但 又 不 受 客户 的 直接 管理 。 
虽然 它 只 是 一 种 标志 (数字 、 字 符 串 ) 而 不 是 程序 ， 不 可 能 用 它 来 收集 客户 的 信息 ， 破 坏 客 
户 的 隐私 ， 但 有 的 客户 仍然 不 放心 ， 也 可 能 是 不 愿意 别人 占用 自己 的 空间 ， 有 些 客户 在 浏 
览 器 中 禁止 使 用 Cookie， 这 就 给 识别 客户 带 来 了 困难 。 

ASP.NET 现在 已 经 完全 解决 了 在 不 使 用 Cookie 的 情况 下 ， 识 别 客户 的 方法 。 解 决 的 
方法 很 简单 ， 只 需要 在 应 用 程序 的 根 目 录 下 的 Web.config 文件 中 ， 对 <sessionState> 节 点 
进行 配置 ， 其 他 任何 程序 都 不 需要 修改 。 为 什么 一 定 要 在 应 用 程序 的 根 目录 下 配置 ? 因为 
会 话 状 态 的 设置 是 应 用 程序 范围 的 设置 。 站 点 中 的 网 页 要 么 全 都 使 用 该 配置 ， 要 么 全 都 不 
使 用 。 配 置 的 语句 是 

<sessionState cookieless="UseUri" /> 

或 

<sessionState cookieless="AutoDetect" /> 

配置 时 ， 当 编写 到 “cookieless= ”语句 时 ， 将 弹出 AutoDetect、 UseCookies 、 
UseDeviceProfile、UseUri 4 种 选择 。 选 择 AutoDetect 或 UseUri 均 可 以 在 无 Cookies 的 条 
件 下 识别 客户 。 

虽然 在 <sessionState> 节 点 中 还 可 以 配置 会 话 状态 管理 的 其 他 方面 ， 包 括 存储 介质 和 连 
接 字 符 串 等 ， 但 是 ， 就 Cookie 而 言 ， 只 需 设 置 cookieless 属性 即 可 。 

系统 是 如 何在 无 Cookie 的 条 件 下 识别 客户 的 呢 ? 原来 当 进 行 了 前 面 的 设置 以 后 ， 系 
统 将 会 要 求 客户 自动 将 客户 端的 资源 信息 嵌入 到 客户 调用 的 URL 语句 中 。 例 如 在 使 用 
Cookie 的 情况 下 ， 某 客户 调用 网 页 时 的 URL 是 

http://YourserVer/folder/default.aspx 


现在 设置 了 不 使 用 Cookie 的 配置 ， 调 用 的 语句 的 URL 将 变 成 


http://yourserver/folder/ (session ID here)/default.aspx 
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其 中 session ID here 代表 客户 的 资源 信息 所 处 的 位 置 。 该 信息 已 经 被 插入 到 URL 的 
语句 中 。 由 于 客户 资源 信息 对 于 客户 来 说 具有 唯一 性 ， 因 此 可 以 利用 它 与 Session 对 象 结 
合 ， 一 起 来 识别 客户 。 


9.6 简单 的 应 用 示例 


例 9.1 网 页 之 间 传 送 数据 。 

在 网 站 的 设计 中 经 常 需 要 从 一 张 网 页 向 另 一 张 网 页 传送 数据 ， 或 者 在 多 张 网 页 中 共享 
数据 。 为 了 实现 这 一 功能 可 以 选择 使 用 以 下 两 种 方法 。 

(1) 通过 URL 中 的 参数 传送 数据 。 

URL 的 作用 是 给 网 页 定位 ， 在 URL 的 后 面 增加 参数 也 可 以 给 新 网 页 传递 数据 。 利 用 
Url 只 能 传送 一 些 简单 的 数据 ， 不 能 传送 类 似 对 象 这 样 的 复杂 数据 ， 而 且 传送 的 数据 将 直 
接 显示 在 浏览 器 的 URL 中 。 因 此 只 适合 于 传送 保密 性 不 强 的 数据 。 例 如 某 按钮 的 Click 
事件 代码 如 下 。 

Private void Buttonl Click(object sender, System.EventArgs e) 

' Response.Redirect ("Webform2 .aspx? 

name=Cheng&email=Chengli@yahoo.com.cn"); 

} 

程序 运行 中 若 单 击 该 按钮 ， 将 转向 Webform2.aspx 网 页 ， 同 时 网 页 上 方 的 小 窗口 中 将 
显示 如 下 数据 : 


http:// 网 站 域名 /Webform2.aspx?name=Cheng&email=Chengli@yahoo.com.cn 


在 数据 中 以 “? ”符号 为 分 界 ， 前 一 部 分 是 网 页 的 网 址 ， 后 一 部 分 为 传送 的 参数 。 注 
意 ， 当 有 多 个 参数 时 ， 各 参数 之 间 用 人 分 割 ， 不 能 有 空格 。 

如 果 网 页 中 用 TextBoxl 控件 放 入 name 的 值 ， 用 TextBox2 控件 放 入 email 的 值 时 ， 
上 述 事件 的 语句 应 改写 为 


private void Buttonl Click(object sender, System.EventArgs e) 


{ 


Response.Redirect ("Webform?2 .aspx?name="+TextBoxl].Text+"&"+"email="+TextB 
Ox2.Text); 
} 


这 种 方式 与 使 用 HTML 的 表单 用 get 方式 传送 数据 时 的 结果 相同 。 
在 接收 数据 的 网 页 中 利用 Request.QueryString 方法 ， 来 获取 传 来 的 参数 。 假 定 新 网 页 
中 设置 了 两 个 Label 控件 (Labell 与 Label2)。 可 在 Page_Load 事件 中 编写 如 下 代码 。 


Private void Page Load(object sender, System.EventArgs e) 
{ 

Labell.Text=Request ["name"]; 

Label2.Text=Request ["email"]; 
} 


显示 的 结果 如 图 9.3 所 示 。 
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| ”接收 数据 | 
name: Cheng 
E_Mail Chenli@yahoo.com.cn 


图 9.3 接收 并 显示 传 来 的 数据 


在 本 示例 中 ， 是 将 获取 的 参数 放置 在 两 个 Label 控件 中 。 

(2) 利用 Session 对 象 在 多 张 网 页 中 共享 数据 。 

利用 Session 对 象 可 以 在 同一 客户 的 多 张 网 页 之 间 共 享 数据 。 方 法 是 先 将 需要 共享 的 
数据 存 入 Session 对 象 中 ， 哪 个 网 页 需要 该 数据 时 ， 通 过 该 Session 的 名 即 可 调 入 使 用 。 下 
面 用 代码 举例 说 明 。 

先 将 数据 存 入 Session 对 象 中 。 例 如 : 


private void Buttonl Click(object sender, System.EventArgs e) 
{ 


Session["name"]=TextBoxl .Text; 
Session["email"]=TextBox2.Text; 
Server.Transfer ("anotherwebform.aspx"); 


} 
在 另 一 张 网 页 中 接收 数据 。 方 法 是 从 Session 对 象 中 取出 数据 ， 将 其 赋 给 某 些 控 
件 。 例 如 : 


Private void Page Load(object sender, System.EventArgs e) 


{ 


Labell.Text=Session["name"] .ToString()7 
Label2.Text=Session["email"] .ToString(); 


} 

例 9.2 统计 并 显示 当前 访问 网 站 的 人 数 。 

设计 的 要 点 如 下 。 

(1) 打开 “全 局 应 用 程序 类 文件 ”(Global.asax)。 利 用 文件 中 的 void Application_StartO 
方法 ， 将 应 用 程序 对 象 (如 Application["usercount"]) 的 初始 值 设 为 0。 其 代码 如 下 。 


void Application Start (object sender, EventArgs e) 


Application["usercount"] = 0; 


} 
(2) 每 当 客 户 打开 网 站 时 ， 将 应 用 程序 对 象 加 1。 代 码 如 下 。 


void Session Start(object sender, EventArgs e) 


{ 
Application.Lock(); 
Application["usercount"] = (int)Application["usercount"] + 1; 
Application.UnLock(); 

} 


G3) 每 当 客 户 退 出 网 站 时 ， 将 应 用 程序 对 象 减 1。 代 码 如 下 。 
void Session End (object sender, EventArgs e) 


Li 
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Application.Lock(); 
Application["usercount"] = 


= (int)Application["usercount"] - 1; 
Application.UnLock(); 


} 


注意 : 只 有 在 Web.config 文件 中 的 sessionstate 模式 设置 为 mode= InProc 时 ， 才 会 引发 
Session End 事件 。 


(4) 利用 某 张 网 页 的 Page Load0 事 件 显 示 当 前 访问 网 站 的 人 数 。 代 码 如 下 。 


protected void Page Load(object sender, EventArgs e) 
{ 


Label1.Text = "当前 本 站 有 " + Application["usercount"] .ToString()+" 
"位 客户 访问 "; 
} 


Ce 


例 9.3 通过 一 个 “客户 登录 及 保护 ”的 简单 示例 来 说 明 会 话 对 象 的 特点 。 这 里 的 示 
例 只 是 用 来 说 明 Session 对 象 的 作用 ， 它 还 不 是 一 个 实际 的 应 用 程序 。 因 为 实际 的 应 用 中 
还 需要 用 到 数据 库 或 其 他 方面 的 知识 ， 这 些 知识 将 在 后 面 章节 中 介绍 。 

假定 有 一 批 网 页 只 对 部 分 客户 开放 。 访 问 者 需 先 输入 自己 的 姓名 及 密码 ， 密 码 正确 时 
才能 打开 被 保护 的 页 面 。 

登录 页 面 的 布置 如 图 9.4 所 示 。 


文 时 四 二 和 四 坦 囊 四 ” 勋 | 
OFE-O-W S| Ea 
下 直面 [局 ww /| 加 和 | 匀 诡 


图 9.4 客户 登录 的 简单 示例 
在 【确认 】 按 钮 的 Click 事件 中 编写 如 下 代码 。 


private void Buttonl Click(object sender, System.EventArgs e) 


{ 


if (TextBox2.Text=="111111")  // 假 定 正确 的 代码 就 是 111111 
Response.Redirect ("WebForm2.aspx"); 
else 


Response.Write ("密码 有 错 ! "); 
} 


用 这 些 代 码 能 不 能 保护 其 他 网 页 呢 ? 不 能 。 因 为 因特网 是 个 开放 的 系统 。 客 户 完全 可 
以 绕 过 对 密码 的 验证 ， 直 接 通过 URL 访问 其 他 网 页 ， 而 不 必 通 过 登录 网 页 。 这 就 好 比 一 
个 单位 建立 了 传达 室 却 没有 修建 保护 的 围墙 。 


利用 Session 对 象 可 以 构筑 一 座 “ 虚 拟 的 围墙 ”。 方 法 是 在 【确认 】 按 钮 的 代码 中 增 
加 对 Session 对 象 的 设置 ， 以 便 在 其 他 网 页 中 共享 。 具 体 代码 如 下 : 
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Private void Buttonl Click(object sender, System.EventArgs e) 
if (TextBox2 .Text=="111111") 
{ 
Session["Pass"]="Right"; 
Response.Redirect ("WebForm2 .aspx")7 
else 
Session["Pass"]=null; 
Response.Write ("密码 有 错 ! "); 
} 
} 


代码 中 增加 了 对 Session["Pass"] 对 象 的 设置 。 如 果 密 码 正确 ， 执 行 语句 


Session["Pass"]="Right"; 
如 果 密 码 不 正确 ， 执 行 语句 


Session["Pass"]=null; 


在 被 保护 的 网 页 的 Page_Load 事件 中 增加 如 下 代码 。 


Private void Page Load(object sender, System.EventArgs e) 
. 
if(Session["Pass"]==nul1) 
* 
Response.Redirect ("WebForm]l .aspx"); 
} 
} 


代码 中 的 WebForml.aspx 代表 登录 网 页 。 当 网 页 打开 时 (Page_Load 事件 发 生 )， 先 将 
了 Pass 会 话 对 象 中 的 字符 串 取出 ， 然 后 进行 判断 ， 若 字符 串 为 null， 则 返回 登录 页 面 ， 要 求 
重新 输入 密码 。 这 就 防止 了 不 经 过 验证 密码 的 客户 打开 网 页 的 


可 能 。 [ 胜 负 预 测 

例 9.4 通过 网 上 投票 的 示例 来 说 明 Cookie 对 象 的 使 用 。 加 

假定 下 个 月 将 举行 一 次 “中 、 韩 国家 足球 队 之 间 的 友谊 赛 ”， 虽 两 队 打 平 
现在 想 通过 网 上 投票 来 预测 一 下 比赛 的 结果 。 为 避免 “一 人 多 2 
投 ”， 程 序 中 利用 了 Cookie 的 功能 。 [ee 

网 页 的 界面 如 图 9.5 所 示 。 

【提交 】 按 钮 的 代码 如 下 。 图 9.5 结果 预测 


protected void Button]l Click(object sender, EventArgs e) 
{ 


if (Request.Cookies["vote"] == null) 


{ 
// 将 投票 结果 存 入 数据 库 或 文件 中 (此 略 ) 
Labell.Text = "您 的 投票 已 经 收 到 ， 谢 谢 ! "; 
Response.Cookies["vote"] .Value = "-1"; 
Response.Cookies["vote"] .Expires = DateTime.Now.AddMonths (1); 
else Label1.Text = "您 已 经 投 过 票 了 ! "; 
} 
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代码 中 使 用 了 Cookies["vote"] 对 象 。 当 客户 第 一 次 投票 时 (Request.Cookies["vote"] 一 
nul) 将 投票 情况 保存 以 便 统 计 ( 保 存 与 统计 方法 此 处 都 略 去 )。 与 此 同时 将 一 个 cookie 对 象 
作为 标志 和 暂 存 于 投票 者 的 浏览 器 中 。 这 个 标志 保存 的 时 间 用 语句 Response.Cookies 
["vote"].Expires 来 确定 。 在 上 面 的 语句 中 : 


Response.Cookies["vote"] .Expires = DateTime.Now.AddMonths (1) 7 


表示 保存 时 间 从 投票 时 算 起 持续 一 个 月 。 这 里 的 保存 时 间 有 多 种 选择 。 如 AddYears(n)、 
AddMonths(n)、AddDays(n)、AddHours(n)、AddMinutes(n)、AddSeconds(n) 等 。 

如 果 在 持续 时 间 内 客户 再 次 投票 ， 其 结果 将 不 被 接收 ， 同 时 提示 “对 不 起 ， 您 已 经 投 
过 票 了 ! ” 

值得 注意 的 是 ， 用 这 种 方法 统计 票数 ， 并 不 是 一 种 严格 的 计 票 方法 ， 存 在 着 客户 造假 
的 潜在 危险 。 因 此 ， 此 方法 只 适合 用 做 一 般 性 的 与 论调 查 ， 不 能 用 于 需要 严格 计 票 
场合 。 


9.7 Web 窗 体 页 的 生命 周期 


Web 窗 体 页 的 生命 周期 代表 一 个 窗 体 页 从 生成 到 消亡 所 经 历 的 阶段 ， 以 及 在 各 阶段 中 
执行 的 方法 、 使 用 的 信息 、 保 持 的 数据 、 呈 现 的 状态 等 。 程 序 设计 者 掌握 这 些 知识 ， 会 对 
理解 和 分 析 某 些 问题 有 所 帮助 。 

下 面 按照 执行 的 顺序 简要 地 讲述 窗 体 页 生命 周期 各 阶段 执行 的 内 容 。 

(1) 初始 化 : 主要 执行 Page 的 Init 事件 和 OnInit 方法 。 

(2) 加 载 视图 状态 : 主要 执行 LoadViewState 方法 ， 就 是 从 ViewState 中 获取 上 一 次 
的 状态 ， 并 依照 页 面 的 控件 树 的 结构 ， 用 递归 来 遍历 整个 树 ， 将 对 应 的 状态 恢复 到 每 一 个 
控件 上 。 

(3) 处 理 回 发 的 数据 : 主要 执行 LoadPostData0 方 法 ， 用 来 检查 客户 端 发 回 的 控件 数 
据 的 状态 是 否 发 生 了 改变 。 

(4) 加 载 ， 本 阶段 主要 是 触发 Load 事件 ， 执 行 Page_Load 方法 。 

(5) 预 呈现 : 预 呈 现 这 个 阶段 就 是 执行 在 最 终 呈 现 之 前 所 做 的 状态 的 更 改 ， 因 为 在 呈 
现 一 个 控件 之 前 ， 必 须根 据 它 的 属性 来 产生 HTML， 比 如 Style 属性 ， 这 是 最 典型 的 例 
子 。 在 预 呈 现 之 前 ， 可 以 更 改 一 个 控件 的 Style， 当 执行 预 呈现 的 时 候 ， 就 可 以 把 Style 保 
存 下 来 ， 作 为 呈现 阶段 显示 HTML 的 样式 信息 。 

(6) 保存 状态 : 这 个 阶段 就 是 把 状态 写 入 ViewState。 

(7) 呈现 : 将 对 应 的 HTML 代码 写 入 最 终 响 应 的 流 中 。 

(8) 处 置 : 实际 上 就 是 执行 Dispose 方法 ， 在 这 个 阶段 会 释放 占用 的 资源 ， 例 如 数据 
库 连接 等 。 

(9) 印 载 : 最 后 ， 页 面 会 执行 OnUnLoad 方法 ， 触 发 UnLoad 事件 ， 处 理 在 页 面 对 象 
被 销毁 之 前 的 最 后 处 理 ， 实 际 上 ASPNET 提供 这 个 事件 只 是 设计 上 的 考虑 ， 通 常 资 源 的 
释放 都 会 在 Dispose 方法 中 完成 ， 所 以 这 个 方法 也 变 成 不 怎么 重要 了 。 
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9.8 小 结 


Web 应 用 程序 与 Windows 桌面 应 用 程序 最 重要 的 区 别 就 在 于 状态 管理 。 

HTTP 是 一 种 不 保持 状态 的 通信 协议 。 但 是 在 网 站 中 有 时 需要 保持 某 些 状态 ， 此 时 ， 
可 以 使 用 状态 管理 功能 。 

视图 状态 是 保持 本 窗 体 的 状态 ， 目 的 是 在 窗 体 网 页 的 往返 中 保持 连续 性 。 该 状态 由 系 
统 设置 的 隐 含 字段 自动 保存 和 恢复 。 

应 用 程序 状态 是 全 局 性 的 状态 ， 用 于 保存 整个 网 站 共享 的 数据 ， 用 代码 来 实现 。 代 码 
中 要 注意 处 理 可 能 引发 的 竞争 问题 。 

会 话 状态 与 Cookie 状态 都 是 保存 单个 客户 的 状态 ， 不 过 会 话 状 态 保存 在 服务 器 端 ， 
而 Cookie 状态 保存 在 浏览 器 端 。 两 者 结合 来 识别 客户 。 为 了 防止 客户 关闭 Cookie 状态 ， 
ASP.NET 2.0(3.5) 解 决 了 无 Cookie 条 件 下 识别 客户 的 问题 。 即 在 应 用 项 目 根 目录 下 的 
Web.config 文件 中 进行 设置 。 经 过 设置 后 客户 将 会 把 资源 信息 嵌入 到 URL 的 调用 语句 
中 ， 由 于 资源 信息 对 于 客户 使 用 的 设备 来 说 具有 唯一 性 ， 因 此 可 以 将 它 与 Session 结合 
识别 客户 。 
网 页 的 生命 周期 是 指 网 页 从 生成 到 消亡 的 各 个 执行 阶段 。 了 解 各 个 阶段 执行 的 方法 以 
及 它们 的 先后 执行 顺序 ， 对 分 析 问 题 或 理解 、 处 理 某 些 问题 有 所 帮助 。 


9.9 习 题 


1. 填空 题 
(1) 状态 分 为 4 种 类 型 ， 它们 是 y 
和 。 
(2) 下 面 是 设置 和 取出 Session 对 象 的 代码 。 

设置 Session 的 代码 是 
Session["greeting"] = "Hello Wang!"; 
取出 该 Session 对 象 的 语句 如 下 。 
string MyVar= 


(3) 下 面 是 使 用 Application 对 象 时 防止 竞争 的 代码 。 


Application. // 锁 定 Application 对 象 
Application ["counter"] = (int)Application ["counter"] + 1; 
Application. ; // 解 除 对 Application 对 象 的 锁定 


(4) 在 浏览 器 已 经 封闭 Cookie 的 条 件 下 ， 为 了 识别 客户 应 该 在 应 用 程序 的 根 目录 下 
的 Web.config 文件 中 ， 对 <sessionState> 节 点 做 如 下 配置 。 


<sessionState cookieless=" wl 
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或 

<sessionState cookieless=" wy 
(5) 改变 Session 的 有 效 时 间 的 语句 是 
(6) 废除 Session 的 语句 是 
2. 选择 题 
(1) Session 与 Cookie 状态 之 间 的 最 大 区 别 在 于 _ 

A. 存储 的 位 置 不 同 ”B. 类 型 不 同 C. 生命 周期 不 同 D. 容量 不 同 
(2) 默认 情况 下 ，Session 的 有 效 时 间 是 

A.30 秒 B. 10 分 钟 C. 20 分 钟 D. 30 分 钟 
3. 判断 题 
(1) HTTP 是 一 个 不 保持 状态 的 通信 协议 。 这 就 意味 着 当 浏 览 器 与 服务 器 之 间 的 会 话 

结束 ， 它 们 之 间 的 连接 也 就 自动 断 开 了 ， 下 一 次 会 话 与 本 次 连接 无 关 ， 两 次 连接 之 间 不 存 


在 任何 联系 。 所 可 
(2) 使 用 HTML 控件 时 将 不 能 保持 视图 状态 。 ( ) 
(3) 视图 状态 可 以 在 各 个 网 页 之 间 共 享 。 ( ) 
(4) Session 对 象 可 以 在 同一 对 话 的 不 同 网 页 之 间 共 享 。 CE、 
4. 简 答题 


(1) 为 什么 说 用 Session 对 象 来 表示 电子 商务 中 的 购 货 车 是 最 佳 的 选择 ? 

(2) 为 什么 要 保持 视图 状态 ? ASP.NET 中 是 如 何 保持 视图 状态 的 ? 

5. 操作 题 

(1) 创建 多 个 网 页 ， 在 其 中 一 个 网 页 中 输入 姓名 和 密码 ， 要 求 当 转移 到 其 他 网 页 时 
这 个 姓名 和 密码 将 自动 传送 到 新 的 网 页 中 并 显示 出 来 。 

(2) 利用 Cookie 编写 一 段 与 论调 查 程序 ， 以 避免 客户 重复 投票 。 
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程序 运行 时 ， 对 一 些 输入 的 数据 进行 验证 是 很 有 必要 的 ， 因 为 不 正确 的 输入 很 可 能 会 
给 后 续 的 应 用 带 来 麻烦 。 例 如 ， 某 客户 发 来 的 购 货 订单 中 ， 遗 漏 了 地 址 ， 你 向 哪里 发 货 ? 
不 仅 如 此 ， 有 些 错误 的 输入 还 会 给 系统 运行 造成 直接 的 影响 ， 轻 者 会 降低 系统 的 运行 效 
率 ， 重 者 可 能 破坏 系统 的 正常 运行 。 

当然 ， 为 了 验证 数据 可 以 自行 编写 验证 代码 ， 但 这 样 做 比较 麻烦 。 利 用 系统 提供 的 验 
证 控件 ， 可 以 很 方便 地 验证 输入 数据 的 正确 性 。 

本 章 将 首先 介绍 各 个 控件 的 验证 原则 、 使 用 方法 ， 最 后 用 一 个 综合 示例 作为 总 结 。 具 
体 包括 以 下 几 个 问题 : 

@ 概述。 


各 验证 控件 的 使 用 方法 。 
自 定义 控件 。 

分 组 校 验 技术 。 

拒绝 机 器 人 行为 。 


综合 示例 。 


10.1 概 述 


验证 工作 最 好 放 在 客户 端 进行 。 当 在 客户 端 输入 完 数据 ， 向 服务 器 提交 以 前 应 对 数据 
进行 检测 ， 如 果 发 现 错误 ， 立 即 提示 并 要 求 改正 ， 改 正 前 不 向 服务 器 提交 信息 。 这 种 处 理 
方式 可 以 将 改正 错误 的 过 程 放 在 提交 以 前 ， 减 少 网 上 的 无 效 传输 。 

有 两 个 原因 使 得 不 能 依赖 客户 端的 验证 : 第 一 ， 由 于 相当 一 部 分 客户 端的 设备 功能 
弱 ， 不 具备 验证 能 力 ， 此 时 验证 工作 只 能 放 在 服务 器 端 进 行 ; 第 二 ， 恶 意 的 客户 能 够 比较 
容易 地 破坏 客户 端的 验证 脚本 ， 或 者 想方设法 绕 过 客户 端的 校 验 。 

因此 ， 从 安全 的 角度 出 发 ， 除 非 人 为 地 取消 了 服务 器 端 验证 ， 不 论 客户 端 是 否 进行 了 
验证 ， 服 务 器 端的 验证 都 是 不 可 缺少 的 。 当 客户 向 服务 器 提交 数据 之 后 ， 服 务 器 都 毫 无 例 
外 地 调用 验证 程序 来 逐个 检查 客户 的 输入 。 如 果 发 现任 何 输入 数据 有 错误 时 ， 整 个 页 面 将 
自行 设置 为 无 效 状态 ， 并 发 出 错误 信息 。 


10.2 ”验证 控件 的 类 型 


系统 提供 了 5 种 验证 控件 (包括 程序 设计 者 自行 定义 的 控件 ) 和 一 个 汇总 控件 。 各 种 验 
证 控件 的 作用 如 表 10.1 所 示 。 
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表 10.1 验证 控件 
验证 类 型 验证 控件 名 作用 说 明 

必需 项 的 验证 RequiredFieldValidator 确保 客户 不 会 遗漏 该 项 的 输入 

比较 验证 Ce 使 用 小 于 、 等 于 、 大 于 等 比较 运算 符 ， 将 客户 的 输 
入 与 另 一 常量 值 或 与 另 一 控件 的 属性 值 进行 比较 

范围 检查 和 检查 客户 的 输入 是 否 在 指定 的 范围 内 。 可 以 检查 数 
字 、 字 母 字 符 和 日 期 的 范围 
检查 项 与 正则 表达 式 定义 的 模式 比较 ， 看 是 否 匹 

模式 匹配 pi 配 。 这 种 验证 类 型 用 于 检查 可 预知 的 字符 序列 ， 如 
身份 证 号 、 社 会 保险 号 、 电 子 邮 件 地 址 、 电 话 号 
码 、 邮 政 编码 等 

自行 定义 ee 使 用 自己 编写 的 验证 逻辑 检查 客户 输入 。 这 种 验证 
类 型 允许 检查 在 运行 时 导出 的 值 


另外 ， 还 有 一 个 ValidationSummary 汇总 控件 ， 它 只 能 与 以 上 控件 一 道 使 用 ， 不 能 单 
独 执行 验证 。 它 的 作用 是 将 来 自 页 面 上 所 有 控件 的 错误 信息 集中 在 一 起 进行 显示 。 

所 有 的 验证 控件 都 继承 于 BaseValidator 类 ， 该 类 又 派生 于 Label 并 实现 了 IValidator 
接口 ， 所 以 所 有 的 验证 控件 都 继承 了 Label 控件 利用 span 显示 的 能 力 。 另 外 ， 在 
BaseValidator 类 中 还 定义 了 “显示 错误 (ErrorMessage)” 属 性 和 “字符 串 颜色 (ForColoD ” 
的 属性 (默认 情况 下 为 红色 )。 如 果 需 要 ， 可 以 改变 这 些 属 性 来 改变 错误 的 提示 和 提示 的 
颜色 。 

在 这 些 控件 中 ， 除 RequiredFieldValidator 控件 以 外 ， 其 他 所 有 的 控件 都 认为 空 字段 是 
合法 的 。 

允许 将 多 个 验证 控件 对 某 一 个 输入 控件 同时 进行 多 方面 的 验证 。 例 如 可 以 指定 
某 个 控件 既 必须 输入 数据 ， 同 时 输入 的 数据 必须 在 指定 的 范围 内 。 此 时 就 可 以 将 
RequiredValidator 和 RangeValidator 两 个 控件 同时 指向 该 控件 。 

当 执 行 多 条 件 验证 时 ， 验 证 条 件 之 间 是 “逻辑 与 (AND)” 的 关系 。 即 只 有 所 有 条 件 都 
符合 要 求 时 才能 获得 通过 。 


10.3 各 验证 控件 的 使 用 方法 


各 个 控件 虽然 作用 不 同 ， 但 使 用 的 方法 却 有 很 多 共同 点 ， 因 为 它们 都 继承 于 共同 的 基 
类 BaseValidator。 比 如 每 个 控件 都 有 一 个 ControlToValidate 属性 ， 必 须 用 它 来 指定 被 验证 
的 控件 。 下 面 分 别 介绍 各 验证 控件 的 使 用 方法 。 


10.3.1 RequiredFieldValidator 控 


RequiredFieldValidator 控件 用 于 对 一 些 必须 输入 的 信息 进行 检验 ， 如 果 一 些 必须 输入 
的 数据 没有 输入 时 ， 将 提示 错误 。 
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使 用 这 个 控件 的 方法 比较 简单 ， 将 控件 拖 入 窗 体 以 后 ， 关 键 是 给 它 设置 以 下 4 个 


属性 。 
. 
. 
. 


ControlToValidate: 设置 被 验证 的 控件 ， 可 以 在 本 属性 的 下 拉 列 表 中 选择 。 
ErrorMessage: 当 不 能 通过 验证 时 显示 的 错误 信息 。 

Display: 显示 错误 信息 的 位 置 ， 包 括 以 下 3 种 选择 。 

4 None: 不 显示 错误 信息 。 

4 Static: 显示 在 设计 时 控件 所 放置 的 位 置 。 

* Dynamic: 将 错误 信息 动态 显示 在 页 面 上 。 

EnableClientScript: 本 属性 为 逻辑 变量 ， 默 认为 tmue， 表 示 如 有 可 能 (例如 浏览 器 
版 本 为 Internet Explorer 4.0 以 上 )， 先 在 客户 端 验 证 。 若 将 本 属性 值 改 为 false， 
将 不 在 客户 端 进行 验证 。 


10.3.2 ”CompareValidator 控件 


CompareValidator 控件 用 来 将 输入 到 控件 (例如 TextBox 控件 ) 的 值 与 输入 到 其 他 控件 
的 值 或 常数 值 进行 比较 。 几 个 重要 的 属性 的 设置 方法 如 下 。 


通过 设置 ControlToValidate 属性 指定 被 验证 的 输入 控件 。 

如 果 要 将 输入 控件 与 其 他 输入 控件 进行 比较 ， 将 ControlToCompare 属性 设置 为 
要 与 之 相 比 较 的 控件 。 如 果 要 将 输入 控件 的 值 与 某 个 常数 值 进行 比较 时 ， 应 将 
ValueToCompare 属性 设置 为 与 之 比较 的 常数 。 

类 型 (Type) 属 性 用 于 设置 比较 数据 的 类 型 。 只 有 在 同一 类 型 的 数据 之 间 才 能 够 进 
行 比较 。 

操作 符 (Operator) 属 性 用 来 指定 比较 的 方法 ， 如 大 于 、 等 于 等 。 如 果 将 Operator 
属性 设置 为 ValidationCompareOperator.DataTypeCheck， 则 CompareValidator 控 
件 将 忽略 ControlToCompare 和 ValueToCompare 属性 ， 并 且 仅 仅 指示 输入 到 输 
入 控件 中 的 值 是 否 可 以 转换 为 BaseCompareValidator.Type 属性 指定 的 数据 类 型 。 


10.3.3 ”RangeValidator 控件 


RangeValidator 控件 用 于 检查 输入 控件 的 值 是 否 在 指定 的 范围 内 。 
RangeValidator 控件 中 有 4 个 关键 属性 用 来 执行 验证 。 


@ ControlToValidate 属性 指向 被 验证 的 输入 控件 。 

e MinimumValue 和 MaximumValue 属性 用 来 确定 有 效 值 范 围 的 最 大 值 和 最 小 值 。 

@ Type 属性 用 于 设置 要 比较 的 值 的 数据 类 型 。 需 要 比较 的 值 在 比较 前 必须 转换 成 

表 10.2 中 的 类 型 之 一 。 
表 10.2 数据 类 型 
数据 类 型 说 明 

Strin 字符 串 数据 类 型 
Integer 32 位 有 符号 整数 数据 类 型 
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续 表 
数据 类 型 说 明 

Double | 双 精 度 浮 点 数 数据 类 型 

Date | 日 期 数据 类 型 


Currency 一 种 可 以 包含 货币 符号 的 十 进 制 数据 类 型 

实际 应 用 中 有 时 输入 的 范围 需要 动态 确定 。 下 面 举例 说 明 利用 程序 动态 确定 范围 的 
方法 。 

例如 ， 利 用 因特网 在 某 个 度假 地 预订 房间 ， 要 求 提 出 预订 的 开始 日 期 和 结束 日 期 ， 旅 
客 只 要 在 这 个 时 间 范 围 以 内 到 达 都 可 以 ， 超 出 这 个 范围 时 ， 房 间 就 不 能 保证 。 

现在 用 两 个 TextBox 服务 器 控件 ， 即 TextBoxl 和 TextBox2 记录 开始 日 期 和 结束 日 
期 。 而 实际 到 达 日 期 输入 到 第 三 个 控件 TextBox3 中 ， 该 控件 通过 RangeValidator 控件 验 
证 。 验 证 的 条 件 是 TextBox3 输入 框 的 日 期 必须 在 前 面 两 个 日 期 之 间 。 

先 在 窗 体 页 界面 中 拖 入 3 个 TextBox 控件 、 一 个 Button 控件 ， 并 将 RangeValidator 
控件 拖 入 窗 体 。 图 10.1 就 是 到 达 时 间 超 出 预订 时 间 时 的 错误 显示 。 


10.1 时 间 范 围 验证 


将 RangeValidator 控件 的 ControlToValidate 属性 指向 TextBox3 ， 将 Type 设 为 
String， 将 EnableClientScript 属性 设 为 False。 在 按钮 单 击 事件 中 编写 如 下 代码 。 


void Button]l Click(object sender, EventArgs e) 
{ 
DateTime ttl = DateTime.Parse (TextBox] .Text); 
DateTime tt2 = DateTime.Parse (TextBox2.Text); 
DateTime tt3 = DateTime.Parse (TextBox3.Text); 
RangeValidatorl .MinimumValue = ttl1.ToShortDatestring(); 
RangeValidatorl .MaximumValue = tt2.ToShortDatestring(); 
TextBox3.Text = tt3.ToShortDatestring(); 
RangeValidatorl .Validate(); 
if (!RangeValidatorl.IsValid) 
{ 
RangeValidatorl .ErrorMessage = "时 间 必 须 在 前 两 者 时 间 之 间 。"; 
} 
L 


注意 : 通过 编程 进行 验证 时 ， 应 该 禁用 客户 端 脚本 ， 以 便 控 件 不 会 在 服务 器 端 验证 代码 执 
行 之 前 显示 不 正确 的 错误 信息 。 
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代码 中 调用 了 方法 Validator0 进 行 验证 ， 验 证 的 结果 放 在 属性 IsValid 中 。 若 
RangeValidator.IsValid 为 false 时 ， 说 明 不 能 通过 验证 ， 应 该 显示 错误 信息 。 


10.3.4 RegularExpressionValidator 控件 


RegularExpressionValidator 控件 用 来 验证 输入 的 格式 是 否 匹配 某 种 特定 的 模式 (正则 表 
达 式 )。 这 类 验证 允许 检查 一 些 可 以 预知 的 字符 序列 ， 比 如 身份 证 号 码 、 电 子 邮 件 地 址 、 
电话 号 码 和 邮编 中 的 字符 序列 等 。 

除非 浏览 器 不 支持 客户 端 验 证 ， 或 者 已 明确 禁止 客户 端 验 证 (通过 将 EnableClientScript 
属性 设置 为 false)， 否 则 将 同时 执行 服务 器 端 和 客户 端 验 证 。 

客户 端的 正则 表达 式 验 证 实现 和 服务 器 端的 略 有 不 同 。 在 客户 端 ， 使 用 的 是 JScript 
正则 表达 式 语 法 。 而 在 服务 器 端 ， 使 用 的 则 是 System.TextRegularExpressions.Regex 语 
法 。 由 于 JScript 正则 表达 式 语 法 是 System.TextRegularExpressions.Regex 语法 的 子 集 ， 
所 以 最 好 使 用 JScript 正则 表达 式 语 法 ， 以 便 在 客户 端 和 服务 器 端 得 到 同样 的 结果 。 

使 用 本 控件 进行 校 验 时 ， 除 按照 前 面 几 个 控件 设置 属性 以 外 ， 最 主要 的 区 别 是 将 控件 
的 ValidationExpress 属性 设置 检查 模式 。 方 法 是 单 击 属性 右边 的 省 略 号 按钮 ， 在 弹出 的 对 
话 框 中 选择 【标准 表达 式 】， 弹 出 的 对 话 框 如 图 10.2 所 示 。 


正则 表达 式 篇 回 器 
标 1 DD: 


验证 表达 式 四 
[atsiivatlsl 


Cus |] ww | 础 | 


10.2 选择 正则 表达 式 
然后 选择 需要 检查 的 模式 即 可 。 


10.3.5 ”ValidationSummary 控件 


ValidationSummary 控件 用 于 在 一 个 位 置 上 集中 显示 来 自 Web 网 页 上 所 有 验证 程序 
的 错误 信息 。 根 据 DisplayMode 属性 的 设置 ， 可 以 采用 列表 、 项 目 符号 列表 或 单个 段落 的 
形式 来 显示 。 通 过 设置 控件 的 ShowSummary 和 ShowMessageBox 属性 ， 可 以 确定 显示 
的 形式 。 


10.4” 自 定义 控件 
使 用 自 定义 控件 CustomValidator 时 ， 可 以 自行 定义 验证 算法 ， 并 同时 利用 控件 提供 


的 其 他 功能 。 
为 了 在 服务 器 端 验证 函数 ， 先 将 CustomValidator 控件 拖 入 窗 体 ， 并 将 ControlToValidate 
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属性 指向 被 验证 的 对 象 ， 然 后 给 该 验证 控件 的 ServerValidate 事件 提供 一 个 验证 程序 ， 最 
后 在 ErrorMessage 属性 中 填写 出 现 错误 时 显示 的 信息 。 

在 ServerValidate 事件 处 理 程序 中 ， 可 以 从 ServerValidateEventArgs 参数 的 Value 
属性 中 获取 输入 到 被 验证 控件 中 的 字符 串 。 验 证 的 结果 要 存储 到 ServerValidateEventArgs 
的 属性 IsValid (true 或 者 false) 中 。 

例如 ， 利 用 自 定义 CustomValidator 控件 验证 某 个 输入 框 输入 的 数据 能 和 否 被 3 整除 。 
若 不 能 被 3 整除 时 发 出 错误 信息 。 事 件 处 理 的 代码 如 下 。 

private void CustomValidator1l ServerValidate (object source, 

System.Web.UI .WebControls.ServerValidateEventArgs args) 


{ 
int number=int.Parse (args.Value); // 取 出 输入 的 数据 


if((number % 3) == 0) // 校 验 能 否 被 3 整除 
args.IsValid=true; // 结 果 正 确 

else 
args.IsValid=false; // 结 果 错 误 


} 
如 果 需 要 同时 提供 客户 端 验 证 程序 以 便 让 具有 DHTML 能 力 的 浏览 器 先进 行 验 证 时 ， 
应 该 在 .aspx 的 HTML 视图 中 用 JavaScript 语言 编写 验证 程序 ， 同 时 将 验证 的 函数 名 写 入 
控件 的 ClientValidationFunction 属性 中 。 


10.5 ”分 组 校 验 技术 


在 一 个 网 页 中 通常 会 出 现 几 个 独立 的 输入 部 分 ， 它 们 的 作用 不 同 ， 验 证 的 时 机 也 不 相 
同 ， 应 该 分 别 进行 验证 。 例 如 ， 网 页 中 既 包 括 用 于 查询 记录 的 输入 部 分 ， 又 包括 客户 认证 
部 分 ， 就 属于 这 种 情况 。 在 HTML 网 页 中 可 以 设置 多 个 表单 ， 将 这 些 输 入 控件 分 别 放 在 
不 同 的 表单 中 ， 以 便 单独 进行 校 验 和 提交 数据 。 但 是 在 ASPX 网 页 中 ， 每 个 网 页 就 是 一 个 
运行 在 服务 器 的 表单 。 表 单 的 定义 如 下 。 

<form id = forml runat = "server"> 


</form> 


分 组 校 验 是 ASP.NET 2.0 版 本 提出 来 的 新 技术 ， 用 来 解决 在 ASPX 网 页 中 多 组 不 同 输 
入 的 校 验 问题 。 它 要 求 利用 各 个 控件 的 ValidationGroup 属性 给 这 些 控件 进行 分 组 。 

现在 用 一 个 简单 的 示例 来 说 明 分 组 校 验 的 方法 。 假 定 有 两 组 输入 控件 ， 各 包括 一 个 输 
入 框 (TextBox) 和 一 个 按钮 (Button)， 并 且 分 别 放 入 了 校 验 控件 。 为 了 进行 分 组 ， 将 其 中 一 
组 的 输入 框 、 按 钮 和 校 验 控 件 的 ValidationGroup 属性 设置 为 Group1， 而 将 另 一 组 控件 的 
ValidationGroup 属性 设 为 Group2。 控 件 的 布局 如 图 10.3 所 示 。 


啼 一 组 校 验 控件 : 
上 E Dputont 隐 cquzedFicldValidatos 
浊 二 组 校 验 控件 

。 Ei 尾 <quredFicldValdato4 


10.3 ”对 验证 控件 分 组 
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对 应 的 代码 如 下 。 


<form id="forml" runat="server"> 
<div> 
<table border=" 
<tr> 
<td colspan="3"> 
第 一 组 校 验 控件 :</td> 
</tr> 
<tr> 
<td style="width: 62px"> 
<asp:TextBox ID="TextBoxl1l" runat="server" 
ValidationGroup="Group1"> 
</asp:TextBox> 
</td> 
<td style="width: 100px"> 
<asp:Button ID="Buttonl" runat="server" Text="Buttonl" 
ValidationGroup="Group1" /> 
</td> 
<td style="width: 100px"> 
<asp:RequiredFieldValidator ID="RequiredFieldValidatorl1" 
runat="server" ErrorMessage="RequiredFieldValidator" 
ValidationGroup="Groupl"> 
</asp:RequiredFieldValidator 
</td> 
</tr> 
<tr> 
<td colspan="3"> 
第 二 组 校 验 控件 :</td> 
</Jtr> 
<tr> 
<td style="width: 62px"> 
<asp:TextBox ID="TextBox2" runat="server" 
ValidationGroup="Group2"> 
</asp:TextBox> 
</td> 
<td style="width: 100px"> 
<asp:Button ID="Button2" runat="server" Text="Button2" 
ValidationGroup="Group2" /> 
</td> 
<td style="width: 100px"> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" 
runat="server" 
ErrorMessage="RequiredFieldValidator" 
ValidationGroup="Group2"> 
</asp:RequiredFieldValidator> 
</td> 
</tr> 
</table> 
</div> 
</form> 


style="width: 680px; height: 88px"> 
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为 了 简化 分 组 方法 ， 可 以 一 手 按 住 Shift 键 ， 另 一 手 单 击 组 内 各 个 控件 ， 然 后 一 起 设 
置 它们 的 ValidationGroup 属性 。 


10.6 ”拒绝 机 器 人 行为 


10.6.1 概述 


在 输入 校 验 中 还 有 一 个 重要 的 方面 ， 就 是 要 拒绝 机 器 人 的 行为 。 一 些 黑客 为 了 破坏 网 
站 的 正常 运行 ， 常 利用 机 器 人 来 冒充 客户 进行 登录 。 由 于 机 器 人 能 够 在 很 短 时 间 内 进行 大 
量 输入 ， 因 此 可 以 利用 它 来 反复 登录 以 破解 原 有 客户 的 密码 ; 或 者 在 短 时 间 内 添加 大 量 新 
客户 或 电子 邮件 客户 ， 以 造成 网 络 堵塞 ， 或 者 使 服务 器 不 堪 重负 等 。 机 器 人 的 上 述 行为 给 
网 站 带 来 严重 威胁 。 为 了 保证 网 站 安全 ， 必 须 拒绝 机 器 人 的 行为 。 

1. CAPTCHA 方案 简介 

为 了 对 抗 机 器 人 的 非法 操作 ， 必 须 找 到 一 种 识别 算法 来 区 分 登录 的 是 正常 人 还 是 机 器 
人 。 到 目前 为 止 ， 人 们 已 经 找到 了 几 种 有 效 的 方案 ， 其 中 使 用 得 最 为 普遍 的 方案 是 一 种 被 
称 为 CAPTCHA 的 校 验 码 方案 。 


注意 : CAPTCHA 是 美国 卡 内 基 梅 隆 大 学 研究 的 项 目 ， 创 建 于 2002 年 并 注册 了 商标 ， 首 
先 应 用 于 Yahoo! 网 站 ， 现 在 已 被 广泛 应 用 。CAPTCHA 是 Completely Automated 
Public Turing test to tell Computers and Humans Apart( 全 自动 区 分 计算 机 和 人 类 的 图 
灵 测 试 ) 的 简称 ， 是 区 分 机 器 人 和 人 类 的 一 种 程序 算法 。 


使 用 这 种 方案 时 ， 先 在 登录 的 界面 中 展示 一 幅 图 片 ， 图 片 中 包括 被 扭曲 的 字符 串 以 及 
- 些 其 他 能 够 影响 识别 的 干扰 符号 。 如 果 是 正常 人 ， 应 该 能 够 正确 识别 出 这 段 字 符 串 。 如 
果 是 机 器 人 ， 按 照 当 前 机 器 人 的 智能 水 平 ， 还 很 难 在 如 此 复杂 的 环境 中 分 辨 出 字符 串 来 。 
这 样 ， 也 就 分 辨 出 究竟 是 人 ， 还 是 机 器 人 了 。 
例如 ， 图 10.4 就 是 利用 CAPTCHA 算法 给 出 的 一 幅 典 型 图 片 。 
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10.4 CAPTCHA 示例 


图 片 的 左上 方 是 字符 串 overlooks， 右 上 方 是 inquiry。 两 个 字符 串 都 被 扭曲 ， 而 且 中 
间 都 加 上 了 一 条 作为 干扰 的 “噪音 ”( 曲 线 )。 
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2. 几 种 常见 的 验证 码 图 形 


校 验 码 有 多 种 不 同 的 形式 。 一 般 来 说 ， 算 法 越 复杂 识别 越 困 难 。 图 10.5 中 列 出 了 几 
种 常见 的 校 验 码 图 形 。 
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10.5 几 种 常见 的 校 验 码 图 形 


校 验 码 应 具备 以 下 特点 。 

1)” 校 验 码 的 组 成 

校 验 码 一 般 是 数字 或 者 数字 加 字符 组 成 。 

2) ”字符 本 身 采用 的 方式 

为 了 增加 机 器 人 识别 的 难度 ， 字 符 本 身 应 采用 不 同 的 方式 。 例 如 : 

@ ”使 用 一 些 不 常用 的 文字 。 

@ ”字体 随机 倾斜 显示 。 

@ 每 个 字 随机 显示 不 同 颜色 。 

e@ 字符 随机 显示 在 不 同 的 位 置 上 。 

. 字 采 用 渐变 颜色 ， 同 一 个 字 就 由 好 几 种 颜色 组 成 。 

3) 景 显示 

常见 背景 显示 方案 有 如 下 几 种 。 

e@ ”使 用 干扰 线 。 随 机 生成 若干 条 干扰 线 ， 这 些 线 的 颜色 跟 字体 的 颜色 相 类 似 。 
@ 干扰 点 。 背 景 中 随机 显示 若干 个 干扰 点 ， 这 些 点 的 颜色 跟 字 体 的 颜色 类 似 。 
@ “干扰 色 块 。 背 景 中 随机 出 现 一 些 色 块 。 


10.6.2 ”创建 图 形 验证 网 页 


不 同 的 算法 将 产生 不 同 的 图 形 。 下 面 用 一 个 比较 简单 的 示例 来 说 明 创建 的 过 程 。 示 例 
中 将 使 用 4 个 文件 。 

@ ”生成 登录 的 网 页 。 

@ ”类 文件 。 

@ ”调用 类 文件 的 网 页 。 
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@ ”显示 验证 结果 的 网 页 。 
前 两 个 文件 是 主要 的 文件 ， 后 两 个 起 辅助 作用 。 其 中 类 文件 用 来 随机 生成 校 验 码 以 及 
干扰 元 素 。 上 述 4 个 文件 的 关系 如 图 10.6 所 示 。 


登录 网 页 调用 美文 件 网 页 类 文件 
指 
者 ss | 闫 定义 
Wn: Co [tt voidPage_Losdl-) | | ( 故 在 spp_code 昌 录 下 ) 
= 页 | /生成 其 的 对 旬 
图 片 : 
隔 | 1 调用 对 象 方法 生成 图 片 0 生 万 随机 校对 码 
mT 
<asp; Image ID=".* ImageUr=" 
runat="semver 户 NN 未 续 轩 网 页 
显示 校对 结果 


10.6 4 个 文件 的 关系 


在 登录 网 页 中 ， 除 放 入 姓名 、 密 码 输入 框 以 外 ， 增 加 一 个 校 验 码 的 输入 框 和 一 个 图 片 
控件 ， 并 将 该 图 片 的 ImageUrl 属性 指向 另 一 张 网 页 (调用 类 文件 的 网 页 )， 在 该 网 页 的 
Page_Load 事件 中 调用 类 文件 ， 以 生成 校 验 码 及 校 验 码 中 的 干扰 元 素 。 当 在 登录 网 页 中 单 
击 【 提 交 ]】 按 钮 时 ， 将 验证 结果 送 往 “ 显 示 结 果 网 页 ”。 

验证 图 片 的 设计 ， 根 据 需 要 采用 不 同 的 算法 。 通 常情 况 下 ， 算 法 越 复杂 ， 人 破解 也 越 困 
难 。 下 面 介绍 的 是 一 种 比较 简单 的 算法 。 

1. 创建 登录 网 页 

在 login.aspx 网 页 中 设置 一 登录 界面 ， 如 图 10.7 所 示 。 


10.7 登录 界面 


这 个 登录 界面 与 一 般 的 登录 界面 主要 不 同 之 处 在 于 增加 了 验证 图 片 的 设置 。 增 加 一 个 
Image 控件 ， 并 将 其 ImageUrl 属性 指向 另 一 张 网 页 。 例 如 : 


<asp:Image ID="Imagel" ImageUrl="~/validatestring.aspx" runat="server" /> 


程序 运行 时 再 通过 该 网 页 的 代码 生成 验证 图 形 。 
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2. 生成 类 文件 

假定 类 名 为 xt_ common。 类 中 包括 两 个 方法 。 

@ GenerateCheckCode0 : 用 来 生成 随机 校 验 码 ， 并 将 该 校 验 码 存 入 Session 
["CheckCode"] 中 。 

@ CreateCheckCodeImage(string checkCode): 用 来 在 校 验 码 中 增加 干扰 元 素 。 

类 的 定义 如 下 。 

using System; 

using System.Data; 

using System.Configuration; 

using System.Linqg; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml .Linqg; 

using System.Drawing; 

using System.Drawing.Imaging; 

using System.Drawing.Text; 

using System.I0; 


/// <summary> 
///xt_common 的 摘要 说 明 
/// </summary> 
/// 
public class xt_ common 
{ 
public xt common() 
{ 
A 
// TODO: 在 此 处 添加 构造 函数 逻辑 
Eid 
} 
public string GenerateCheckCode() 
{ 
int number; 
string strCode = string.Empty; 
// 随 机 数 种 子 
Random random = new Random(); 
for (int i = 0; i < 4; i++) // 校 验 码 长 度 为 4 
{ 
// 随 机 的 整数 
number = random.Next(); 
// 字 符 从 0 一 9,R 一 2 中 随机 产生 ， 对 应 的 ASCII 码 分 别 为 
//48~57、65~90 
number = number % 36; 
if (number < 10) 
和 
number += 487 


} 
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else 


{ 


} 


number += 557 


strCode += ((char)number) .ToString(); 


} 


// 在 Session 中 保存 校 验 码 


System.Web.HttpContext.Current .Session["CheckCode"] = strCode; 


return strCode; 


/// <summary> 

/// 根据 校 验 码 输出 图 片 

/// </summary> 

Public void CreateCheckCodeImage (string checkCode) 


{ 


// 若 校 验 码 为 空 ， 则 直接 返回 
if (checkCode == null || checkCode.Trim() == String.Empty) 


return; 


// 根 据 校 验 码 的 长 度 确定 输出 图 片 的 长 度 


System.Drawing.Bitmap image = new System.Drawing.Bitmap( 


(int)Math.Ceiling( (double) (checkCode.Length * 15)), 20); 


// 创 建 Graphics 对 象 
Graphics g = Graphics.FromImage (image); 
try 


€ 
// 生 成 随机 数 种 子 


Random random = new Random(); 


// 清 空 图 片 背景 色 
g.Clear (Color.White); 


// 画 图 片 的 背景 噪音 线 10 条 


for (int 空 一 07 1 < 107 i++) 


\ 

// 噪 音 线 起 点 坐标 (x1,y1) ,终点 坐标 (x2, y2) 
int xl1 = random.Next (image.Width) 7 
int X2 random.Next (image.Width) 7 
int yl = random.Next (image.Height) 7 
int Y2 = random.Next (image.Height) 7 


// 用 颜色 画 出 噪音 线 


g.DrawLine (new Pen (Color.Blue), xl1, yl, x2, y2); 


// 输 出 图 片 中 校 验 码 的 字体 : 12 号 Arial， 粗 斜体 

Font font = new Font("Arial", 12, (FontStyle.Bold | 
Fontstyle.Italic)); 

SolidBrush brush = new SolidBrush (Color.Red); 
g.Drawstring (checkCode, font, brush, 2, 2); 


// 画 图 片 的 前 景 噪音 点 50 个 
for (int i = 0; i < 50; i++) 
{ 
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int x = random.Next (image.Width); 
int y = random.Next (image.Height); 


image.SetPixel (x, y, Color.FromArgb (random.Next ())); 
} 


// 画 图 片 的 边框 线 
g.DrawRectanglel( 
new Pen (Color.SaddleBrown), 
0, 0¢ 
image.Width - 1, 
image.Height - 1); 
// 创 建 内 存 流 用 于 输出 图 片 


using (MemoryStream ms = new MemoryStream()) 


上 
// 图 片 格式 指定 为 PNG 


image.Save (ms, ImageFormat.Png); 


// 清 除 缓冲 区 流 中 的 所 有 输出 
System.Web .HttpContext.Current.Response.ClearContent (); 


// 输 出 流 的 HTTP MIME 类 型 设置 为 image/Png 
System.Web.HttpContext .Current .Response.ContentType = 
"image/Png"; 


// 输 出 图 片 的 二 进 制 流 


System.Web.HttpContext .Current .Response.BinaryWrite (ms.ToArray ()); 
} 

, 

finally 


{ 
// 释 放 Bitmap 对 象 和 Graphics 对 象 
g.Dispose() 
image.Dispose(); 
} 
} 


注意 : @ ”xt_common 类 文件 应 放置 在 网 站 的 App_Code 专用 目录 下 。 
@ 在 类 文件 中 Response、Session 都 要 加 上 前 面 的 命名 空间 。 


3. 生成 调用 类 文件 网 页 
在 调用 类 文件 的 网 页 中 通过 page_Load 事件 ， 先 生成 对 象 ， 再 通过 对 象 调用 方法 ， 以 
生成 验证 图 片 。 其 代码 如 下 。 
public partial class validateString : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 


Xt _ common cca = new xt common(); 
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cca.CreateCheckCodeImage (cca.GenerateCheckCode ()); 


} 
} 


4. 判断 验证 结果 
在 登录 网 页 中 增添 验证 按钮 ， 并 在 它 的 Click 事件 中 编写 如 下 代码 。 


protected void Buttonl Click(object sender, EventArgs e) 


if (TextBoxl.Text == "" || TextBox2.Text == "" || TextBox3.Text == "") 
// 检 查 输 入 框 是 否 为 空 
Response.Write(" 客 户 名 、 密 码 、 验 证 码 都 不 能 为 空 !") ; 
se 
人 yzcode = (string) Session["CheckCode"];  // 取 出 设 定 的 验证 码 


if (yzcode != TextBox3.Text) // 检 查 输入 的 验证 码 是 否 正确 
Response.Redirect ("Result .aspx?action= 验 证 码 错误 !"); 
else 


Response.Redirect ("Result .aspx?action= 验 证 码 正确 !"); 

} 
} 
代码 先 判 断 三 个 输入 框 中 是 否 有 空 ， 如 果 有 空 时 ， 立 即 显 示 错 误 。 再 判断 输入 的 验证 

码 是 否 有 错 ， 并 将 验证 结果 以 参数 的 形式 转 到 结果 网 页 。 

为 了 在 结果 网 页 中 显示 验证 结果 ， 需 在 网 页 的 Page_Load 事件 中 编写 如 下 代码 。 
protected void Page Load(object sender, EventArgs e) 

{ 


Response.Write (Request["action"]); 
} 


代码 中 的 action 即 为 传 过 来 的 参数 。 


10.6.3 与 机 器 人 斗争 的 长 期 性 


与 机 器 人 斗争 是 一 项 长 期 的 任务 。 一 方面 ， 为 了 网 站 安全 必须 拒绝 机 器 人 行为 ， 另 一 
方面 ， 一 批 黑客 又 在 不 断 研究 利用 机 器 人 打 入 网 站 的 新 方法 。 两 者 之 间 的 斗争 如 同 病 毒 与 
反 病 毒 一 样 ， 是 一 场 严酷 而 又 长 期 的 斗争 。 

拒绝 机 器 人 行为 的 方法 虽然 有 很 多 种 ， 但 是 到 目前 为 止 ， 用 得 最 普遍 的 仍然 是 
CAPTCHA 或 者 在 此 基础 上 的 改进 版 (如 Google 开发 的 reCaptcha 等 )。 一 些 大 型 网 站 (包括 
微软 自己 的 网 站 ) 都 经 常 使 用 这 种 技术 。 虽 然 这 种 技术 并 没有 完全 的 把 握 来 拒绝 机 器 人 行 
为 ， 但 却 显著 地 提高 了 网 站 的 安全 等 级 ， 仍 然 具有 重要 的 使 用 价值 。 

另外 ， 我 们 还 将 在 第 21 章 21.4.2 节 的 “对 密码 设置 的 要 求 ” 中 ， 介 绍 另 一 种 拒绝 机 
器 人 行为 的 方法 。 
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10.7 综合 示例 


下 面 以 一 个 订单 信息 页 面 为 例 练习 使 用 多 种 类 型 的 验证 控件 。 中 间 部 分 为 输入 框 ， 是 
被 验证 的 对 象 ， 右 边 是 错误 提示 ， 通 常 由 验证 控件 拖 入 的 位 置 确定 (最 好 放 在 被 验证 控件 
的 旁边 )。 错 误 提 示 内 容 在 控件 的 ErrorMessage 属性 中 设置 。 程 序 运 行 时 ， 只 有 错误 出 现 
时 才 会 显示 出 来 。 

将 【姓名 】、【 口 令 】、【 订 单 号 】、【 地 址 】4 个 文本 框 设 置 为 必须 输入 验证 
(RequiredFieldValidator) 控 件 ， 如 果 输 入 为 空 时 提示 相应 的 错误 信息 。 为 【重复 口令 】 文 
本 框 设 置 比较 验证 (CompareValidator) 控 件 用 来 和 上 一 次 输入 的 口令 进行 比较 ， 看 两 者 是 否 
- 致 。 为 E_mail 文本 框 设置 模式 验证 框 (RegularExpressionValidator) 检 查 输入 是 否 符 合 
E_mail 的 格式 要 求 。 下 面 设 有 一 图 形 验证 码 以 拒绝 机 器 人 行为 。 最 后 设置 一 个 汇总 
(ValidationSummary) 控 件 ， 用 来 汇总 验证 的 结果 。 验 证 界面 如 图 10.8 所 示 。 


订单 信息 


图 10.8 ”综合 验证 界面 


10.8 小 结 


于 网 站 工作 在 开放 的 环境 中 ， 可 能 遇 到 各 种 复杂 的 情况 ， 因 此 对 输入 数据 进行 校 验 
就 显得 特别 重要 。 在 ASPNET 中 ， 校 验 工 作 都 是 在 服务 器 端 进行 。 在 可 能 的 情况 下 ， 将 
自动 调用 客户 端 校 验 作 为 一 种 补充 ， 以 减少 错误 信息 在 网 络 上 的 往返 次 数 ， 提 高 处 理 的 
效率 。 

各 种 校 验 控件 虽然 作用 不 同 ， 但 是 使 用 的 方法 却 有 很 多 共同 点 ， 都 需要 将 属性 指向 被 
校 验 的 控件 ， 指 定 错误 发 生 时 提示 的 语句 ， 其 他 属性 的 设置 则 根据 控件 的 作用 不 同 而 有 所 
不 同 。 在 这 些 控件 中 除 RequiredFieldValidator 外 ， 其 他 控件 都 认为 空 的 输入 是 允许 的 。 因 
此 有 时 需要 将 RequiredFieldValidator 控件 与 其 他 控件 一 起 指向 输入 控件 时 ， 才 能 避免 输入 
错误 的 发 生 。 

与 黑客 的 斗争 ， 以 及 与 机 器 人 的 战争 都 是 长 期 而 又 艰巨 的 任务 。 此 消 彼 长 ， 只 有 不 断 
探索 新 技术 才能 应 对 各 种 不 断 改 变 的 攻击 手段 。 本 章 中 介绍 了 目前 应 用 得 比较 普遍 的 
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CAPTCHA 方法 ， 这 种 方法 的 特点 是 利用 一 种 特殊 的 图 形 来 区 别 是 正常 人 还 是 机 器 人 。 

于 每 个 ASPX 网 页 本 身 就 是 一 个 表单 ， 而 同一 个 网 页 中 却 可 能 存在 着 多 组 独立 的 验 
证 控件 ， 此 时 可 以 利用 ASP.NET 3.5 提供 的 分 组 校 验 技术 将 这 些 校 验 控件 进行 分 组 ， 以 便 
让 它们 在 不 同 的 时 机 完成 自己 独立 的 校 验 工作 。 


10.9 习 题 
1. 填空 题 
(1) 在 设计 阶段 必须 将 各 个 验证 控件 的 属性 指向 被 验证 的 控件 。 
(2) 使 用 RegularExpression 控件 验证 输入 时 ， 首 先 要 将 本 控件 的 属性 
设置 成 检查 的 模式 。 
2. 选择 题 


(1) 现在 需要 验证 某 个 TextBox 控件 的 输入 数据 是 否 大 于 0。 此 时 应 该 使 用 的 验证 控 
件 是 
A. CompareValidator B. CompareValidator 与 RequiredFieldValidator 
C. RangeValidator D. RangeValidator 与 RequiredFieldValidator 
(2) 现在 需要 验证 某 个 TextBox 控件 输入 的 年 龄 是 否 大 于 18 且 小 于 65。 此 时 应 该 使 
用 的 验证 控件 是 a 


A. CompareValidator B. CompareValidator 与 RequiredFieldValidator 
C. RangeValidator D. RangeValidator 与 RequiredFieldValidator 
(3) ValidatorSummary 验证 控件 的 作用 是 
A. 检查 总 和 数 B. 集中 显示 各 个 验证 的 结果 
C. 判断 有 无 超出 范围 D. 检查 数值 的 大 小 
(4) 在 图 片 校 验 码 的 图 片 中 增加 一 些 线条 或 点 阵 是 为 了 
A. 使 图 片 更 美观 B. 使 图 片 更 加 规整 
C. 干扰 机 器 人 的 识别 D. 使 图 像 更 丰富 
3. 判断 题 
(1) ASP.NET 主要 依靠 在 浏览 器 端 对 输入 进行 验证 工作 ， 因 为 在 浏览 器 端 验 证 可 以 
将 错误 发 现在 提交 之 前 ， 以 减少 信息 的 传输 量 。 [NE : 
(2) 除 RequiredFieldValidator 控件 以 外 ， 其 他 验证 控件 都 将 被 检查 对 象 为 空 时 认为 是 
合法 的 输入 。 C3 
(3) CompareValidator 控件 既 可 以 用 来 与 某 个 常量 比较 ， 也 可 以 用 来 与 另外 某 个 控件 
的 输入 进行 比较 。 & 
4. 简 答 题 


(1) 为 什么 ASPNET 对 数据 输入 的 验证 以 服务 器 验证 为 主 ， 浏 览 器 端 验证 为 辅 ? 
(2) 简 述 利用 CompareValidator 控件 进行 验证 时 几 个 属性 的 设置 方法 。 包 括 的 属性 有 
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ControlToValidate、ControlToCompare、ValueToCompare、Type 和 Operator。 

(3) 举例 说 明 自 定义 控件 (CustomValidator) 的 设计 方法 。 

(4) 什么 情况 下 需要 进行 分 组 验证 ， 用 什么 属性 对 控件 进行 分 组 ? 

5. 操作 题 

(1) 设计 一 个 密码 输入 的 网 页 验证 界面 。 输 入 的 界面 包括 姓名 、 密 码 、 重 复 密码 、 
E_mail 等 项 。 若 输入 完整 、 正 确 时 ， 转 向 另 一 网 页 ; 若 输入 错误 时 ， 除 分 别 显示 以 外 ， 还 
需要 汇总 显示 错误 。 假 定 密码 为 111111。 

(2) 利用 CustomValidator 控件 设计 一 个 自 定义 的 验证 控件 。 

(3) 设计 一 个 图 片 校 验 码 程序 以 拒绝 机 器 人 行为 。 
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数据 管理 和 分 析 常 常 是 现代 管理 的 核心 ， 因 此 ， 开 发 企业 管理 网 站 时 ， 访 问 、 管 理 和 
分 析 数 据 总 是 程序 的 关键 环节 。 然 而 访问 和 管理 数据 本 身 并 不 是 一 件 简单 的 事情 ， 这 是 由 
于 两 方面 的 因素 形成 的 。 首 先 ， 使 用 的 数据 可 能 来 自 数据 库 、 文 件 、XML 文档 等 不 同 的 
数据 源 。 以 数据 库 为 例 ， 市 场 上 还 存在 着 不 同类 型 的 数据 库 ， 它 们 要 求 的 接口 也 各 不 相 
同 。 其 次 ， 由 于 网 站 工作 在 Internet 开放 的 环境 中 ， 对 网 络 数 据 库 的 访问 比 单 机 数据 库 的 
访问 需要 解决 更 多 的 矛盾 ， 例 如 数据 安全 、 访 问 效 率 ， 以 及 多 客户 同时 访问 时 可 能 引发 的 
竞争 等 ， 都 需要 得 到 受 善 的 解决 。 

从 本 章 开 始 ， 用 连续 8 章 来 讲述 与 数据 访问 有 关 的 问题 ， 重 点 讲述 访问 网 站 数据 库 。 
本 章 介绍 的 ADO.NET 数据 模型 以 及 数据 源 控件 是 后 续 章节 的 基础 。 本 章 讲述 的 主要 问题 
包括 : 

@ 从 ODBC 到 ADO 数据 库 的 通用 接口 。 

@ ADONET 的 数据 模型 。 

@ 数据 源 控件 。 


11.1 从 ODBC 到 ADO 数据 库 的 通用 接口 


当前 市 场 上 存在 着 数 十 种 不 同类 型 的 数据 库 ， 常 用 的 有 Access、SQL Server、 
Oracle、Informix、DB2 等 。 这 些 数 据 库 分 别 由 不 同 的 公司 开发 ， 技 术 都 比较 成 熟 。 由 于 
这 些 数据 库 采 用 的 数据 格式 和 接口 各 不 相同 ， 因 此 当 应 用 程序 访问 它们 时 ， 就 需要 分 别 编 
写 不 同 的 接口 ， 这 种 需要 给 应 用 程序 的 设计 带 来 了 麻烦 。 解 决 的 方法 就 是 由 系统 提供 不 同 
数据 库 的 驱动 程序 ， 然 后 放 在 应 用 程序 与 数据 库 之 间作 为 中 间 环节 。 

微软 公司 提供 的 通用 接口 ， 多 年 来 已 经 经 历 了 几 次 大 的 改进 : ODBC 一 OLEDB 一 
ADO—ADO.NET, 


11.1.1 ODBC 通用 接口 


ODBC(Open Database Connectivity， 开 放 数 据 库 互 联 ) 是 一 种 用 C 语言 编写 的 ， 由 多 种 
函数 组 成 的 应 用 程序 接口 (Application Program Interface，APD。 这 些 接口 将 数据 库 底 层 的 
操作 隐藏 在 ODBC 的 各 种 驱动 程序 之 中 。 应 用 程序 只 需要 用 统一 的 接口 指向 ODBC， 然 
后 再 由 ODBC 调用 不 同 的 驱动 程序 来 驱动 不 同类 型 的 数据 库 。ODBC 接口 如 图 11.1 
所 示 。 

尽管 通过 ODBC 已 经 能 够 驱动 大 多 数 常 用 的 数据 库 ， 但 因为 这 种 编程 接口 还 过 于 复 
杂 ， 而 且 还 没有 进行 优化 。 所 以 后 来 微软 又 在 ODBC 的 基础 上 专门 针对 Access 库 (*.mdb) 
创建 了 优化 编程 接口 DAO(Data Access Object， 数 据 访问 对 象 ); 针对 SQL Server 数据 
库 ， 创 建 了 优化 编程 接口 RDO(Remote Data Objects， 远 程 数据 对 象 )， 这 种 接口 还 能 应 用 
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于 Oracle 数据 库 。 


一 SQL Server SQLSemer 
驱动 程序 笋 据 刘 
Ge Orck 

驱动 程序 数据 库 


Informix 


TInfonnix 
驱动 程 扩 数据 库 


一 { 其 地 驱动 程序 | 其 地 数据 库 


11.1 ”ODBC 接口 示意 


11.1.2 ADO 通用 接口 


ADO(ActiveX Data Object， 动 态 数据 对 象 ) 是 微软 进军 Internet 后 的 产品 ， 它 是 建立 在 
OLE DB 技术 基础 上 的 接口 技术 。OLE DB 在 ODBC 的 基础 上 ， 用 面向 对 象 的 思想 对 
ODBC 的 函数 重新 进行 了 分 类 和 包装 ， 形 成 了 一 种 新 的 标准 。 可 以 说 ODBC 是 OLE DB 
的 子 类 ， 而 OLE DB 是 ODBC 的 基 类 。 利 用 OLE DB 不 仅 能 访问 关系 型 数据 库 ， 还 能 访 
问 非 关系 型 数据 (如 文件 等 )。 

ADO 又 对 OLE DB 的 接口 进行 了 优化 。ADO 是 ODBC 和 OLE DB 的 上 层 接口 技 
术 。 它 比 RDO、DAO 等 接口 具有 更 高 的 性 能 、 更 小 的 容量 及 更 简便 的 操作 。 

使 用 ADO 接口 几乎 能 够 访问 全 部 常用 的 数据 库 ， 如 Access、SQL Server、Oracle、 
Informix 等 ， 还 能 访问 非 关系 型 文件 。 

ADO、OLE DB 和 ODBC 三 者 之 间 的 关系 如 图 11.2 所 示 。 


ETE 
OmOoO 


Microsoft ADO 


ODBC 驱动 器 非 关系 型 数据 库 
关系 型 数据 库 


11.2 ADO、OLE DB 和 ODBC 三 者 之 间 的 关系 


11.2 ADO.NET 的 数据 模型 


ASP.NET 使 用 ADONET 数据 模型 。 该 模型 从 ADO 发 展 而 来 ， 但 它 不 只 是 对 ADO 
的 改进 ， 而 是 采用 了 一 种 全 新 的 技术 。 主 要 表现 在 以 下 几 个 方面 。 

@ ADONET 不 是 采用 ActiveX 技术 ， 而 是 与 NET 框架 紧密 结合 的 产物 。 

@ ADO.NET 包含 对 XML 标准 的 完全 支持 ， 这 对 于 跨 平 台 交换 数据 具有 十 分 重 


| 
烟 
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的 意义 。 
®@ ”ADO.NET 既 能 在 与 数据 源 连接 的 环境 下 工作 ， 又 能 在 断 开 与 数据 源 连接 的 条 件 
下 工作 。 特 别 是 后 者 ， 非 常 适合 于 网 络 应 用 的 需要 。 因 为 在 网 络 环境 下 ， 保 持 与 
数据 源 连 接 ， 不 符合 网 站 的 要 求 ， 不 仅 效率 低 ， 付 出 的 代价 高 ， 而 且 常 常会 引发 
由 于 多 个 客户 同时 访问 时 带 来 的 冲突 。 因 此 ，ADONET 系统 集中 主要 精力 用 于 
解决 在 断 开 与 数据 源 连接 的 条 件 下 数据 处 理 的 问题 。 


11.2.1 数据 访问 的 层次 结构 
ADONET 访问 数据 采用 层次 结构 ， 其 多 辑 关系 如 图 11.3 所 示 。 


Web 应 用 层 
(ASPNET) 
| 数据 层 |。 
(ADO.NET) 
里 宇 
数据 提供 器 数据 提供 器 数据 提供 器 


* | 2 
数据 储存 区 数据 储存 区 数据 储存 区 
(MD) (SQL Server) (omde) 


图 11.3 ADO.NET 的 层次 结构 

图 的 项 层 代 表 网 站 ， 底 层 代 表 各 种 不 同类 型 的 数据 源 ， 包 括 不 同类 型 的 数据 库 、 
XML 文档 等 。 中 间 是 数据 层 (Data Layer)， 下 面 是 数据 提供 器 (Provider)。 在 这 个 层次 结构 
中 ， 数 据 提供 器 起 到 了 关键 的 作用 。 

Provider 相当 于 ADO.NET 的 通用 接口 。 不 同 的 数据 提供 器 对 应 于 不 同类 型 的 数据 
源 。 每 个 数据 提供 器 (ProvideD 相 当 于 一 个 容器 ， 包 括 一 组 类 以 及 相关 的 命令 ， 它 是 数据 源 
与 数据 集 (DataSet) 之 间 的 桥梁 。 它 可 以 根据 需要 将 相关 的 数据 读 入 内 存 中 的 数据 集 ， 也 可 
以 将 数据 集中 的 数据 返回 到 数据 源 。 


11.2.2 ”数据 集 与 数据 提供 器 


在 ADO.NET 中 数据 集 与 数据 提供 器 是 两 个 非常 重要 而 又 相互 关联 的 核心 组 件 ， 数 据 
集 (DataSet) 与 数据 提供 器 (ProvideD 的 关系 如 图 11.4 所 示 。 

图 的 左边 代表 数据 集 (DataSet)， 右 边 代表 数据 提供 器 (Provider)。 

数据 集 是 实现 ADO.NET 断 开 式 连接 的 核心 ， 从 数据 源 读 取 的 数据 先 缓存 到 数据 集 
中 ， 然 后 被 程序 或 控件 调用 。 数 据 源 可 以 是 数据 库 或 者 XML 数据 。 

数据 提供 器 用 于 建立 数据 源 与 数据 集 之 间 的 联系 ， 它 能 连接 各 种 类 型 的 数据 ， 并 能 按 
要 求 将 数据 源 中 的 数据 提供 给 数据 集 ， 或 者 从 数据 集 向 数据 源 返 回 编辑 后 的 数据 。 
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ee 


11.4 ”数据 集 与 数据 提供 器 


1. 数据 集 (DataSet) 

数据 集 相当 于 内 存 中 和 暂 存 的 数据 库 ， 不 仅 可 以 包括 多 张 数 据 表 ， 还 可 以 包括 数据 表 之 
间 的 关系 和 约束 。 允 许 将 不 同类 型 的 数据 表 复制 到 同一 个 数据 集中 (其 中 某 些 数据 表 的 数 
据 类 型 可 能 需要 做 一 些 调整 )， 甚 至 还 允许 将 数据 表 与 XML 文档 组 合 到 一 起 协同 操作 。 

数据 集 从 数据 源 中 获取 数据 以 后 就 断 开 了 与 数据 源 之 间 的 连接 。 人 允许 在 数据 集中 定义 
数据 约束 和 表 关 系 ， 增 添 、 删 除 和 编辑 记录 ， 还 可 以 对 数据 集中 的 数据 进行 查询 、 统 计 
等 。 当 完成 了 各 项 数据 操作 以 后 ， 还 可 以 将 数据 集中 的 数据 送 回 数据 源 。 

数据 集 的 这 些 特点 为 满足 多 层 分 布 式 应 用 的 需要 跨 进 了 一 大 步 。 因 为 编辑 和 检索 数据 
都 是 一 些 比较 繁重 的 工作 ， 需 要 跟踪 列 模式 、 存 储 关 系数 据 模型 等 。 如 果 在 连接 数据 源 的 
条 件 下 完成 这 些 工 作 ， 不 仅 会 使 总 体 性 能 下 降 ， 还 会 影响 到 可 扩展 性 的 问题。 

创建 数据 集 对 象 的 语句 是 

DataSet ds = new DataSet (); 

或 者 

DataSet ds = new DataSet (" 表 名 ") 7 

语句 中 ds 代表 数据 集 对 象 。 前 一 条 语句 是 先 建立 一 个 空 数据 集 ， 以 后 再 将 已 经 建立 
的 数据 表 包 括 进来 ， 后 一 条 语句 是 先 建立 数据 表 ， 然 后 建立 包括 该 数据 表 的 数据 集 。 

在 数据 集中 包括 以 下 4 种子 类 。 

1]) “数据 表 (DataTable) 

数据 表 用 来 存储 数据 。 一 个 数据 集 可 以 包含 多 张 表 ， 每 张 表 又 可 包含 多 个 行 和 列 。 数 
据 表 的 创建 有 两 种 方式 : 第 一 ， 当 将 数据 加 载 到 数据 集 时 ， 会 自动 创建 一 些 表 ; 第 二 ， 以 
编程 方式 创建 DataTable 的 对 象 ， 然 后 将 这 个 对 象 添加 到 DataSet 的 Tables 集合 中 。 

提取 数据 集中 的 数据 表 的 语句 是 


DataTable dt = ds .数据 表 名 ; 


其 中 ，dt 代表 数据 表 对 象 ，ds 代表 数据 集 对 象 。 
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2) ”数据 行 (DataRow) 

数据 行 是 给 定数 据 表 中 的 一 行 数据 ， 或 者 说 是 数据 表 中 的 一 条 记录 。 它 可 能 代表 一 个 
学 生 、 一 位 客户 、 一 张 订单 或 者 一 件 货物 的 相关 数据 。DataRow 对 象 的 方法 提供 了 对 表 中 
数据 的 插入 、 删 除 、 更 新 和 查看 等 功能 。 提 取 数 据 表 中 的 行 的 语句 如 下 。 


DataRow dr = dt.Rows[n]; 


其 中 ，DataRow 代表 数据 行 类 ; dr 是 数据 行 对 象 ，dt 代表 数据 表 对 象 , n 代表 行 的 序 
号 (序号 从 0 开始 )。 

3) ”数据 列 (DataColumn) 

数据 表 中 的 数据 列 (又 称 字段 ) 定 义 了 表 的 数据 结构 ， 例 如 可 以 用 它 确定 列 中 的 数据 类 
型 和 大 小 ， 还 可 以 对 其 他 属性 进行 设置 。 例 如 ， 确 定 列 中 的 数据 是 否 只 读 的 、 是 否 主键 、 
是 否 允 许 空 值 等 ， 还 可 以 让 列 在 一 个 初始 值 的 基础 上 自动 增值 ， 增 值 的 步 长 还 可 以 自行 

获取 某 列 的 值 需要 在 数据 行 的 基础 上 进行 。 语 句 如 下 。 

string dc = dr.Columns [" 字 段 名 "] .Tostring(); 

或 者 

string dc = dr.Column[index] .ToString(); 


两 条 语句 具有 同样 的 作用 。 其 中 dr 代表 引用 的 数据 行 ，de 是 该 行 某 列 的 值 (用 字符 串 
表示 )，index 代表 列 (字段 ) 对 应 的 索引 值 ( 列 的 索引 值 从 0 开始 )。 

综合 前 面 的 语句 ， 若 想 取 出 数据 表 (db 中 第 三 条 记录 中 的 “姓名 ”字段 ， 并 将 该 字段 
的 值 放 入 一 输入 框 (textBox1) 中 时 ， 语 句 可 以 写 为 

DataTable dt = ds.Customers // 从 数据 集中 提取 数据 表 

DataRow dRow = dt.Rows[2 ]; // 从 数据 表 提取 行 

string textBoxl.Text=dRow["CompanyName"] .ToString(); // 从 行 中 取出 字段 的 值 

语句 执行 的 结果 是 : 从 Customers 数据 表 的 第 三 条 记录 中 ， 取 出 字段 名 为 
CompanyName 的 值 ， 并 赋 给 textBoxl.Text。 

4) ”关系 (DataRelation) 

表 之 间 的 关系 由 相关 的 列 定义 。 在 关系 型 数据 库 中 ， 关 系 是 指 两 个 表 之 间 外 键 约束 的 
组 合 。 为 了 将 一 张 表 与 另 一 张 表 联系 起 来 ， 可 以 简单 地 创建 一 个 DataRelation， 它 将 指出 

- 张 表 中 的 哪 一 列 与 另 一 张 表 中 的 哪 一 列 相 联 系 。 

2. 数据 提供 器 (Provider) 

Provider 作为 数据 集 与 数据 源 之 间 的 桥梁 ， 它 相当 于 一 个 容器 ， 包 括 4 种 核心 类 ， 其 
类 名 及 其 作用 如 下 。 

@ ”Connection( 连 接 ) 类 : 用 于 建立 与 数据 源 的 连接 。 

@ ”Command( 命 令 ) 类 : 用 于 设置 适合 于 数据 源 的 操作 命令 ， 以 便 执行 检索 、 编 辑 或 

输出 参数 等 数据 操作 。 
@ DataAdapter( 数 据 适 配器 ) 类 : 每 张 表 对 应 一 个 数据 适配器 ， 用 来 向 数据 集中 填 入 
数据 ， 或 者 从 数据 集中 读 出 数据 。 
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@ DataReader( 数 据 读 取 ) 类 : 用 于 从 数据 源 向 应 用 程序 读 取 只 向 前 的 、 只 读 的 、 无 
缓冲 的 字符 流 。 

下 面 进一步 说 明 上 述 类 的 作用 。 

1) Connection 类 

Connection 类 提供 了 对 数据 源 连接 的 封装 。 类 中 包含 连接 方法 以 及 描述 当前 连接 状态 
的 属性 。 在 Connection 类 中 最 重要 的 属性 是 ConnectionString。 该 属性 用 来 指定 服务 器 名 
称 、 数 据 源 信息 以 及 其 他 登录 信息 。 以 数据 库 的 连接 对 象 为 例 ， 类 名 为 SqlConnection。 
其 创建 的 语句 是 

SqlConnection sqlConnectionl = new SqlConnection(); 


设置 ConnectionString 属性 的 语句 是 


this.sqlConnectionl.set Connectionstring ( 

"workstation id=\"CHJ-IQDTYJ8FHYC\"; // 服 务 器 名 

user id=cheng;password=cheng; // 安 全 信息 

initial catalog=Northwind;persist security info=False"); 

// 数据 库 名 以 其 他 参数 

2) ”Command 类 

Command 类 是 对 数据 源 操作 命令 的 封装 。 对 于 数据 库 来 说 ， 这 些 命 令 既 可 以 是 内 联 
的 SQL 语句 ， 也 可 以 是 数据 库 的 存储 过 程 。 

由 Command 类 生成 的 对 象 只 能 在 连接 的 基础 上 ， 对 连接 的 数据 源 指定 相应 的 操作 。 
例如 : 

SqlCommand commandl = 

new SqlCommand ("SELECT * FROM Employees"，SqlConnectionl) 7 


语句 将 生成 一 命令 对 象 commandl ， 对 由 sqlConnectionl 连接 的 数据 源 指定 检索 
(SELECT) 操 作 。 

3) ”DataAdapter 类 

数据 适配器 (DataAdapteD 利 用 连接 对 象 (Connection) 连 接 的 数据 源 ， 使 用 命令 对 象 
(Command) 规 定 的 操作 从 数据 源 中 检索 出 数据 送 往 数据 集 ， 或 者 将 数据 集中 经 过 编辑 后 的 
数据 送 回 数据 源 。 

数据 适配器 将 数据 填 入 数据 集 时 调用 方法 Fil0。 语 句 如 下 : 

dataaAdapter1l.Fil1l (dataSet10.Products); 

或 者 

dataAdapterl .Fill (dataSet1l1，"Products") 7 


其 中 ，dataAdapterl 代表 数据 适配器 名 ; dataSet11 代表 数据 集 名 ; Products 代表 数据 
表 名 。 

当 dataAdapterl 调用 Fill0 方法 时 将 使 用 与 之 相关 联 的 命令 组 件 所 指定 的 SELECT 
语句 从 数据 源 中 检索 行 。 然 后 将 行 中 的 数据 添加 到 DataSet 中 的 DataTable 对 象 中 ， 如 果 
DataTable 对 象 不 存在 ， 则 自动 创建 该 对 象 。 

当 执行 上 述 SELECT 语句 时 ， 与 数据 库 的 连接 必须 有 效 ， 但 不 需要 用 语句 将 连接 对 
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象 打开 。 如 果 调 用 Fil0 方 法 之 前 与 数据 库 的 连接 已 经 关闭 ， 则 将 自动 打开 它 以 检索 数 
据 ， 执 行 完毕 后 再 自动 将 其 关闭 。 如 果 调 用 Fill 0 方法 之 前 连接 对 象 已 经 打开 ， 则 检索 后 
继续 保持 打开 状态 。 

一 个 数据 集中 可 以 放置 多 张 数据 表 ， 但 是 每 个 数据 适配器 只 能 对 应 于 一 张 数据 表 。 

4) DataReader 类 

使 用 DataReader 类 可 以 实现 对 特定 数据 源 中 的 数据 进行 高 速 、 只 读 、 只 向 前 的 数据 
访问 。 与 数据 集 不 同 ，DataReader 是 一 个 依赖 于 连接 的 对 象 。 就 是 说 ， 它 只 能 在 与 数据 源 
保持 连接 的 状态 下 工作 。 因 此 执行 的 过 程 往往 是 : 

(1) 打开 与 数据 源 的 连接 。 

(2) 调用 DataReader 类 的 Read() 方 法 。 

(3) 关闭 与 数据 源 的 连接 。 


11.3 ”数据 源 控件 


11.3.1 概述 


ASPNET 3.5 在 ADONET 的 数据 模型 的 基础 上 做 了 进一步 的 封装 和 抽象 ， 提 供 了 数 
据 源 控件 (DataSource Control)。 数 据 源 控件 既 代表 数据 源 ， 又 代表 与 数据 源 相 连接 的 数据 
提供 器 和 数据 集 。 在 数据 源 控件 中 还 隐 含 有 大 量 的 、 常 用 的 基层 代码 。 数 据 源 控件 是 一 个 
功能 强大 的 控件 。 在 程序 运行 时 ， 这 个 控件 虽然 不 会 显示 在 界面 上 ， 但 是 在 幕后 它 却 能 完 
成 很 多 有 用 的 工作 。 

使 用 数据 源 控 件 之 前 需要 进行 配置 。 在 智能 向 导 (Wizard) 的 指引 下 ， 数 据 源 控 件 的 配 
署 很 容易 完成 。 当 配置 完成 以 后 ， 系 统 内 部 已 经 根据 确定 的 数据 源 自动 生成 了 连接 对 象 、 
命令 对 象 、 数 据 适 配器 对 象 以 及 数据 集 ， 并 且 已 经 调用 了 数据 适配器 的 Fil0 方 法 ， 将 检 
索 出 来 的 数据 放 入 数据 集中 。 

通常 情况 下 ， 只 要 设计 人 员 对 数据 源 控件 的 属性 进行 适当 的 设置 ， 即 可 完成 对 数据 表 
的 分 页 、 排 序 、 更 新 、 删 除 、 增 添 数据 等 项 工作 ， 而 不 需要 手工 增添 其 他 代码 。 

数据 源 控件 可 以 连接 不 同类 型 的 数据 源 ， 如 数据 库 、XML 文档 、 其 他 对 象 等 ， 但 它 
留 给 设计 者 的 接口 却 非常 相似 。 设 计 人 员 只 需 采 用 相同 或 相似 的 方法 处 理 数据 ， 而 不 必 关 
心 数 据 源 属于 什么 类 型 。 


11.3.2 ”数据 源 控件 的 类 型 

数据 源 控件 有 7 种 类 型 ， 分 别 用 于 访问 数据 库 、 平 面 文件 、 各 种 对 象 以 及 XML 文件 
等 。 它 们 是 AccessDataSource 数据 源 控件 、SqlDataSource 数据 源 控件 、ObjectDataSource 
数据 源 控件 、XMLDataSource 数据 源 控件 、SiteMapDataSource 数据 源 控件 、 
LinqDataSource 数据 源 控件 和 EntityDataSource 数据 源 控件 。 

1. AccessDataSource 数据 源 控件 

Microsoft Access 数据 库 是 微软 提供 的 小 型 数据 库 。 这 种 数据 库 的 特点 是 功能 比较 简 
单 ， 使 用 比较 容易 。 如 果 要 使 用 这 种 数据 库 ， 可 以 利用 此 种 数据 源 控件 对 数据 表 执 行 选 
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择 、 插 入 、 编 辑 和 删除 数据 表 记 录 的 操作 。AccessDataSource 数据 源 控 件 的 全 名 是 
System.Web.UILWebControls.AccessDataSource。 


2. SqlDataSource 数据 源 控件 

SQL Server 数据 库 是 微软 提供 的 功能 强大 、 运 行 可 靠 的 数据 库 ，ASP.NET 结合 使 月 
这 种 数据 库 是 最 佳 的 选择 。 选 择 使 用 这 种 数据 库 时 应 该 使 用 SqlDataSource 数据 源 控件 。 
此 控件 还 能 够 用 来 访问 Oracle、ODBC、OLE DB 等 大 型 数据 库 ， 并 对 这 些 数据 库 执行 选 
择 、 插 入 、 编 辑 和 删除 操作 。 这 是 使 用 得 最 为 普遍 的 一 种 数据 源 控件 。 

3. ObjectDataSource 数据 源 控件 


ObjectDataSource 数据 源 控件 的 全 名 是 System.UI.WebControls.ObjectDataSource。 当 
应 用 系统 比较 复杂 ， 需 要 构建 三 层 分 布 式 架构 时 ， 可 以 将 中 间 层 的 商务 逻辑 封装 到 这 个 控 
件 中 ， 以 便 在 应 用 程序 中 共享 。 通 过 这 个 控件 可 以 连接 和 处 理 数据 库 、 数 据 集 、 
DataReader 或 任意 其 他 对 象 。 

4. XMLDataSource 数据 源 控件 


XML 文件 通常 用 来 描述 层次 型 数据 。 因 此 显示 层次 型 数据 的 控件 (例如 TreeView) 可 
以 通过 XMLDataSource 数据 源 控 件 访问 和 处 理 XML 文件 。 
例如 ， 先 将 XMLDataSource 数据 源 控件 连接 到 一 XML 文件 。 代 码 如 下 。 
<asp:XmlDataSource 
ID="XmlDataSourcel" 
Runat="server" 
DataFile="~/xml/fruits.xml"> 
</asp:XmlDataSource> 


其 中 fruits.xml 是 一 个 XML 文件 。 再 将 TreeView 控 


件 与 XMLDataSource 数据 源 控件 进行 数据 绑 定 。 代 码 Ee 
如 下 。 -Citrus 
由 .Regular 
<asp:TreeView 四- Tropical 


ID="TreeViewl" 
Runat="server" 


“Papaya 


DataSourceID="XmlDataSourcel" “Bannana 
ShowLines="True"> LKiwi 
</asp:TreeView> 
在 TreeView 中 显示 的 结果 如 图 11.5 所 示 。 人 


5. SiteMapDataSource 数据 源 控件 


控件 System.Web.UI.WebControls.SiteMapDataSource 允许 用 来 浏览 网 站 。 方 法 是 先 建 
立 一 个 网 站 地 图 文件 。 网 站 地 图 文件 是 一 个 XML 文件 ， 用 来 设置 网 页 之 间 的 逻辑 关系 。 
例如 一 个 网 站 地 图 文件 app.sitemap 代码 如 下 。 

<?xml version="1.0" encoding="utf-8" ?> 


<siteMap> 
<siteMapNode title="Northwind" description="Northwind" 
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url="root.aspx"> 
<siteMapNode title="Products" 
description="Product Line" url="Products.aspx"> 
<siteMapNode title="Beverages" 
description="Tasty Beverages" 
url="Beverages.aspx" /> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 
然后 利用 TreeView 控件 通过 SiteMapDataSource 控件 与 网 站 地 图 文件 连接 ， 即 可 显 
示 出 网 站 中 网 页 之 间 的 逻辑 结构 。 具 体 方法 将 在 后 面 章节 中 讲述 。 
6. LinqDataSource 和 EntityDataSource 数据 源 控 件 


LinqDataSource 和 EntityDataSource 数据 源 控件 是 ASPNET 3.5 新 提供 的 两 个 数据 源 
控件 ， 通 过 它们 可 以 使 用 LINQ 来 访问 不 同类 型 的 数据 源 对 象 。 关 于 LINQ 技术 将 在 第 18 
章 中 讲述 。 


11.4 小 结 


为 了 简化 对 网 络 数据 库 的 访问 ， 系 统 提 供 了 通用 接口 。 应 用 程序 只 需要 用 通用 的 方法 
连接 到 这 些 通 用 接口 ， 再 由 通用 接口 分 别 连接 到 不 同 的 数据 源 。 这 样 ， 应 用 程序 的 设计 者 
不 必 知 道 数 据 源 属 于 什么 类 型 ， 使 用 什么 样 的 代码 格式 。 微 软 公司 提供 的 通用 接口 经 历 了 
几 个 重要 的 发 展 阶段 ， 从 ODBC 发 展 到 OLE、ADO 再 到 ADO.NET。 

ADO.NET 与 .NET 框架 紧密 结合 ， 用 类 的 封装 取代 了 函数 和 过 程 ， 对 ADO 技术 进行 
了 全 面 的 优化 。 数 据 集 与 数据 提供 器 是 ADO.NET 技术 的 核心 。 

在 ASPNET 2.0 与 ASP.NET 3.5 的 版 本 中 ， 新 增加 了 数据 源 控件 ， 它 对 ADO.NET 的 
数据 模式 进行 了 进一步 封装 和 抽象 。 数 据 源 控件 既 代表 数据 源 ， 又 代表 与 数据 源 相连 接 的 
数据 提供 器 和 数据 集 。 在 数据 源 控件 中 还 提供 了 其 他 一 些 服务 (后 面 章 节 中 讲述 )， 并 将 大 
量 的 基层 代码 隐藏 在 内 部 ， 从 而 大 大 简化 了 访问 数据 的 设计 过 程 。 

ASPNET 3.5 中 包括 7 种 数据 源 控件 ， 分 别 用 于 连接 数据 库 、 数 据 对 象 和 层次 型 数 
据 ， 它 们 是 AccessDataSource 、SqlDataSource 、ObjectDataSource 、XMLDataSource 、 
SiteMapDataSource、LinqDataSource 和 EntityDataSource 数据 源 控件 。 


11.5 习 题 
1. 填空 题 
(1) 创建 数据 集 的 语句 是 
DataSet ds = 


或 者 
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DataSet ds = 


(2) 数据 提供 器 包括 4 种 核心 类 ， 它 们 是 
和 
2. 选择 题 
(1) 系统 提供 数据 库 通用 接口 的 目的 是 为 了 
A. 提高 程序 运行 的 效率 B. 应 用 程序 设计 不 必 考 虑 数据 库 的 类 型 
C. 保证 程序 安全 D. 易于 维护 
(2) XMLDataSource 与 SiteMapDataSource 数据 源 控件 能 够 用 来 访问 
A. 关系 型 数据 B. 层次 型 数据 
C.， 字符 串 数据 D. 数值 型 数据 
3. 判断 题 


(1) ADONET 只 是 ADO 的 简单 升级 。 

(2) 在 数据 集中 可 以 包括 多 张 数据 表 。 

(3) 数据 集 能 够 在 断 开 与 数据 源 连 接 的 情况 下 工作 。 

(4) DataReader 能 够 在 断 开 与 数据 源 连 接 的 情况 下 工作 。 

(5) 数据 提供 器 是 数据 集 与 数据 源 联系 的 中 间 环 节 。 

(6) SqlDataSource 数据 源 控件 只 能 用 于 访问 SQL Server 数据 库 。 

(7) AccessDataSource 数据 源 控件 只 能 用 于 访问 Microsoft Access 数据 库 。 


4. 简 答 题 


(1) 简 述 访问 数据 库 的 通用 接口 从 ODBC、OLE 到 ADO 再 到 ADO.NET 的 发 展 
过 程 。 

(2) 简 述 ADONET 与 ADO 的 主要 不 同 点 。 

(3) ASP.NET 3.5 的 数据 源 控件 起 什么 作用 ? 

(4) ASP.NET 3.5 的 数据 源 控件 有 几 种 类 型 ? 各 用 于 访问 什么 类 型 的 数据 ? 


一 一 一 一 一 一 一 
Se i i i et Nt Nt 


第 12 章 利用 GridView 控件 显示 数据 


从 ASP 开始 ， 网 页 上 的 控件 都 是 通过 数据 绑 定 的 方法 显示 数据 。 在 ASPNET 3.5 
中 ，GridView 是 功能 最 强 的 显示 控件 ， 它 通过 数据 源 控件 与 数据 集 进行 数据 绑 定 。 本 书 
将 用 主要 的 篇 幅 来 介绍 这 个 控件 的 使 用 方法 。 
本 章 将 要 讲述 的 问题 包括 : 
数据 绑 定 的 基本 概念 。 
SQL Server 2005(2008) Express Edition 简介 。 
连接 数据 库 。 
对 数据 表 进 行 分 页 、 排 序 和 选择 。 
利用 模板 美化 显示 。 
显示 记录 中 的 图 像 。 


12.1 数据 绑 定 的 基本 概念 


在 初期 的 网 站 中 ， 数 据 源 与 数据 显示 之 间 没 有 建立 起 自动 的 联系 ， 从 数据 源 向 数据 显 
示 传 递 数 据 需要 用 程序 设置 。 就 是 说 ， 需 要 程序 设计 者 编写 一 段 代 码 ， 去 查看 数据 源 中 的 
数据 ， 判 断 它们 是 否 有 变化 。 如 果 有 变化 ， 再 用 另 一 段 代码 将 变化 了 的 数据 发 送 到 显示 控 
件 中 去 。 

从 ASP 开始 到 ASP.NET 都 采用 数据 绑 定 (Data Binding) 技 术 。 数 据 绑 定 是 一 项 非常 简 
单 而 有 效 的 技术 。 它 将 显示 控件 的 某 个 属性 与 数据 源 绑 定 在 一 起 。 每 当 数 据 源 中 的 数据 发 
生变 化 且 重 新 启动 网 页 时 ， 被 绑 定 对 象 中 的 属性 将 随 数据 源 而 改变 。 

在 ASPNET 中 ， 数 据 绑 定 应 用 的 范围 非常 广泛 。 数 据 集 、 数 组 、 集 合 或 者 XML 文 
档 甚至 一 般 的 变量 都 可 以 作为 数据 源 ， 大 多 数控 件 的 属性 都 可 以 成 为 被 绑 定 的 对 象 。 在 
ASPNET 3.5 的 类 库 中 ， 所 有 的 绑 定 控件 都 从 BaseDataBoundControl 基 类 继承 ， 因 此 都 具 
有 很 多 相似 的 功能 。 然 后 ， 不 同类 型 的 绑 定 控件 继承 于 不 同 的 子 类 。 类 的 层次 关系 如 
图 12.1 所 示 。 图 中 几 个 基 类 的 情况 如 下 。 

BaseDataBoundControl 类 : 是 所 有 绑 定 控件 的 基 类 。 
DataBoundControl 类 : 是 所 有 常用 控件 的 基 类 。 

ListControl 类 : 是 所 有 列表 控件 的 基 类 。 
CompositeDataBoundControl 类 : 是 比较 复杂 的 表格 控件 的 基 类 。 

@ HierarchicalDataBoundControl 类 : 是 所 有 层次 控件 的 基 类 。 

本 章 以 及 后 面 几 章 中 将 要 介绍 的 GridView 控件 、FormView 控件 和 DetailsView 控件 
都 从 CompositeDataBoundControl 类 继承 ， 因 此 它们 的 属性 和 操作 方法 具有 很 多 共同 点 。 
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BaseDataBoundControl 


DataBoundControl 
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12.1 数据 绑 定 控件 的 层次 结构 
12.2 SQL Server 2005(2008) Express Edition 简介 


Microsoft 公司 经 过 多 年 精心 研制 和 开发 ， 多 次 发 布 试用 版 来 反复 征求 意见 并 进行 修 
改 补充 ， 终 于 推出 了 SQL Server 2005 与 2008 新 一 代数 据 库 管 理 系统 。 这 是 公司 继 SQL 
Server 2000 之 后 数据 库 管 理 系 统 的 又 一 次 飞跃 。 新 产品 提供 了 完整 的 编程 模型 ， 包 括 有 
Transact-SQL、 存 储 过 程 、 视 图 、 触 发 器 、 与 .NET Framework 集成 和 使 用 XML 数据 类 型 
等 。 不 仅 功能 强大 ， 而 且 操 作 相对 简单 ， 可 以 帮助 客户 轻而易举 地 建立 、 管 理 和 维护 数 
据 库 。 

为 满足 各 种 不 同类 型 的 客户 要 求 ， 目 前 微软 公司 已 经 推出 了 4 种 不 同 规模 的 版 本 ， 它 
们 是 SQL Server 2008 企业 版 (Enterprise Edition)、SQL Server 2008 标准 版 (Standard 
Edition)、SQL Server 2008 工作 组 版 (Workgroup Edition) 和 SQL Server 2008 精简 版 (Express 
Edition)。 其 中 企业 版 的 功能 最 强 ， 要 求 系统 的 配置 也 最 高 。SQL Server 2008 Express 
Edition 精简 版 可 以 看 成 SQL Server 2008 的 剪 切 版 本 ， 但 与 其 他 几 个 SQL Server 2008 版 
本 一 样 ， 使 用 了 同样 可 靠 的 、 高 性 能 的 数据 库 引 擎 ， 同 样 的 数据 访问 API( 如 ADO.NET、 
SQL Native Client 和 T-SQL 等 )。 和 其 他 版 本 相 比 ， 精 简 版 只 是 规模 较 小 ， 缺 乏 对 某 些 企 
业 版 的 功能 支持 。 


12.2.1 SQL Server 2005(2008) Express Edition 的 主要 特点 


Express Edition 版 本 的 主要 特点 如 下 。 
@ SQL Server 2008 Express Edition 是 一 个 允许 无 偿 获 取 、 随 时 应 用 并 免费 再 分 发 的 
轻 量 级 数据 库 管 理 系统 ， 不 仅 功 能 强 ， 而 且 易学 、 易 用 ， 同 时 系统 配置 的 要 求 也 


2 
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相对 比较 低 ， 非 常 有 利于 中 小 型 企业 的 开发 应 用 。 当 需要 时 ， 还 可 以 无 颖 地 升级 
到 更 高 一 级 的 SQL Server 版 本 。 

与 ASPNET 紧密 集成 ， 对 动态 网 站 提供 了 强 有 力 的 支持 。 默 认 情 况 下 ， 安 装 
Visual Studio 2008 时 ，SQL Sever 2008 Express Edition 与 ASPNET 3.5 一 道 安 
装 ， 但 也 可 以 单独 进行 下 载 安装 。 允 许 直接 在 网 站 中 创建 数据 库 ， 也 可 以 利用 
XCopy 方法 将 数据 库 复 制 到 网 站 中 来 ， 将 网 站 和 数据 库 接合 为 一 体 ， 使 得 在 创 
建 或 访问 数据 库 时 不 需要 在 多 个 工具 界面 之 间 来 回 切换 ， 从 而 大 大 提高 了 效率 ， 
非常 有 利于 快速 开发 和 网 站 的 迁移 与 部 署 。 

在 ASPNET 3.5 的 客户 认证 和 个 性 化 服务 中 ，SQL Sever 2008 Express Edition 不 
仅 能 自动 生成 多 张 数据 表 ， 还 能 与 应 用 程序 配合 ， 自 动 保存 相关 数据 ， 完 成 应 用 
程序 所 需要 的 一 些 操作 ， 从 而 大 大 简化 了 设计 过 程 。 

微软 公司 后 来 又 发 布 了 免费 、 易 用 的 图 形 管理 工具 SSMSE， 可 用 来 方便 地 管理 
和 使 用 SQL 2008 Express Edition。 


: SQL Server 2008 Express Edition 的 系统 配置 要 求 如 下 。 


。 操作 系统 : Windows 2000 Service Pack 4、Windows Server 2003 Service Pack 1、 
Windows XP Service Pack 2. 

。 单个 CPU: 具有 Intel Pentium II 600MHz( 或 同等 性 能 的 兼容 处 理 器 ) 或 速度 更 快 的 
处 理 器 (建议 使 用 1GHz 或 速度 更 快 的 处 理 器 ) 的 计算 机 。 

。 内 存 : 最 低 192MB 的 RAM( 建 议 使 用 512MB 或 更 高 的 RAMD)。 

。 硬盘 可 用 空间 : 525MB 以 上 。 


2 在 网 站 中 创建 Express Edition 数据 库 


下 面 通过 一 个 简单 的 示例 来 介绍 在 网 站 中 创建 数据 库 的 方法 。 


在 


[2 


J 


创建 数据 库 的 步骤 
建 数 据 库 的 步骤 如 下 。 


(1) 右 击 网 站 名 ， 在 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 然 后 在 弹出 的 对 话 杠 
中 选择 【SQL 数据 库 〗】。 在 为 数据 库 取 名 以 后 ， 单 击 【 添 加 】 按 钮 ， 系 统 提示 “是 否 将 
数据 库 放置 在 App_Data 的 文件 夹 中 ? ”， 单 击 【 是 】 按 钮 。 因 为 只 有 当 数 据 库 放 在 该 目 


录 下 hh 


| ， 数 据 库 才 能 自动 成 为 网 站 的 共享 文件 。 


(2) 如 果 数 据 库 创建 成 功 ， 打 开 服务 器 资源 管理 器 ， 可 以 看 到 新 创建 的 数据 库 名 。 


本 
创 


创建 数据 表 


建 数据 表 的 步骤 如 下 。 


(1) 在 数据 库 资源 管理 器 中 ， 展 开 数 据 库 目 录 ， 右 击 其 中 的 【 表 】 项 ， 然 后 在 弹出 的 
快捷 菜单 中 选择 【添加 新 表 】 命 令 ， 如 图 12.2 所 示 。 

(2) 在 打开 的 对 话 框 中 ， 要 求 给 表 定义 各 字段 ( 列 ) 的 属性 。 这 些 属性 包括 列 名 、 数 据 
类 型 和 是 否 允 许 空 三 项 ， 如 图 12.3 所 示 。 
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服务 器 资源 乱 理 路 EE 
国 如 和 加 
< ”加 服 务 器 
町 e39292Fe2534464 
2 国 数据 连接 
2 @ Database.mdf - 
看 数据 库 关系 图 列 名 数据 类 型 区 许 空 
四] 8 tbh int 回 
= 医 = 到 和 
a 轴 nvarchar(4) 可 
S| snolnt 各 
加 程 F- phone nvarchar(30) 图 
图 12.2 添加 数据 表 12.3 ”定义 字段 ( 列 ) 
数据 库 提供 的 基本 数据 类 型 及 其 存储 容量 如 表 12.1 所 示 。 
表 12.1 系统 提供 的 基本 数据 类 型 
数据 类 型 SQL Server 数据 类 型 字 节 数 /B 
char[(m)] 
0~8000 
办 型 
字符 型 (Character) varchar[(n)] dee 
Unicode 字符 型 ncharf(n)] Qa 
和 nvarchar[(n)] 0~4000 
(Unicode Character) 
0~2G 
4 
8 
整 型 (Integer) 
二 binary[(n)] 1~8000 
二 进 制 (Binary) inary[(n) sn 
日 期 与 时 间 (Date&Time) me 
smalldatetime 4 
精确 数 (Exact Numeric) decimal[(pLsD)] 2~17 
numeric[(p[.s]) 
近似 数 float[(n)] 8 
(Approximate Numeric) 4 
8 
型 (Mt 
ny smallmoney 4 
图 形 (Image) 0~2G 
1 
0 一 8 
特殊 型 (Special) 人 8 
sysname 256 
Sql variant 0~8016 
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续 表 


数据 类 型 SQL Server 数据 类 型 


全 局 标识 符 
(Global Identifier) 
自 定义 型 

(User-defined) 


在 上 述 类 型 中 ， 字 符 串 分 为 变 长 和 定 长 两 种 类 型 。 

@ 变 长 字符 串 包 括 nvarchar 与 varchar 两 种 类 型 。 在 这 些 类 型 中 定义 的 长 度 ， 是 字 
符 串 的 最 大 长 度 。 这 两 种 类 型 虽然 都 可 以 存储 变 长 的 字符 串 ， 但 两 者 的 编码 方式 
不 同 。nvarchar 采用 unicode 编码 ， 而 varchar 采用 字符 编码 ， 因 此 一 个 nvarchar 
要 占用 两 个 varchar 的 空间 。 但 是 nvarchar 可 以 适用 于 任何 语言 。varchar 的 优点 
则 是 占用 空间 少 ， 运 行 速度 快 ， 但 对 于 有 的 语言 ， 数 据 可 能 会 出 现 乱码 。 

@ ” 定 长 字符 串 包括 nchar 与 char 两 种 类 型 ， 两 者 都 只 能 存储 固定 长 度 的 字符 。 如 果 
输入 的 字符 长 度 超过 了 定义 的 长 度 ， 将 被 自动 切断 ， 长 度 不 够 时 则 自动 以 空格 补 
充 。 两 种 类 型 的 编码 方式 与 以 上 类 型 相似 ， 即 nchar 用 unicode 编码 ，char 使 用 
字符 编码 。 

在 本 示例 中 ， 定 义 了 5 个 字段 。 它 们 分 别 如 下 。 

@ bh( 编 号 ):; 类 型 设 为 int。 将 其 设 为 主键 (关键 字 )。 为 了 使 bh 字段 的 值 能 够 自动 
增加 以 避免 重复 ， 可 以 在 该 字段 定义 的 下 面 设 置 如 下 属性 。 

4 ”将 【( 是 标识 )】 属 性 设 为 【是 】。 

e ”将 【标识 增 量 】 设 为 1， 代 表 每 增加 一 条 新 记录 时 自动 加 1。 

e ”将 【标识 种 子 】 设 为 2211， 代 表 记 录 的 编号 从 2211 开始 。 
情况 如 图 12.4 所 示 。 


uniqueidentifer 


客户 自己 定义 


日 标识 规范 
(是 标识 ) 
标识 增 量 1 

2211 


12.4 将 bh 设 成 标识 


@ xm( 姓 名 ): 将 xm 字段 设置 成 nvarchar(12) 字 符 串 类 型 ， 代 表 人 允许 最 长 使 用 12 个 
字符 (6 个 汉字 )。 
xb( 性 别 ): 类 型 设 为 定 长 nvarchar(4)。 
age( 年 龄 ): 类 型 设 为 smallint( 短 整 型 )。 
phone( 联 系 电话 ): 类 型 设 为 nvarchar(30)， 代 表 最 长 可 以 设置 30 个 字符 。 
在 上 述 5 个 字段 中 ， 由 于 bh 是 关键 字 不 能 为 空 。 其 他 4 个 字段 均 允 许 空 。 

(3) 关闭 定义 对 话 框 时 ， 给 数据 表 取 名 并 存储 。 

(4) 右 击 数据 表 名 ， 在 弹出 的 快捷 菜单 中 选择 【显示 表 数 据 】。 然 后 在 弹出 的 对 话 框 
中 输入 若干 条 记录 ， 如 图 12.5 所 示 。 
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xm 闻 age phone 
下 成 工 男 22 0731-55566611 
| 刘 归 女 20 0732-44667733 
| 2 刘 伟 大 女 34 0643-88776655 
| 2214 李 历 历 娘 23 0731-77665544 
| 2215 李 打 油 男 33 0731-44553366 


图 12.5 输入 数据 表 记录 
12.3 ”连接 数据 库 


下 面 讲述 通过 GridView 控件 连接 数据 库 的 步骤 。 
(1) 将 GridView 控件 放 入 一 新 窗 体 页 中 。 单 击 右上 方 的 四 图 标 ， 在 打开 的 窗口 中 选 
择 【< 新 建 数据 源 >】， 如 图 12.6 所 示 。 


图 12.6 选择 GridView 控件 的 数据 源 
(2) 在 打开 的 对 话 杠 中， 选择 【数据 库 】 图 标 ， 然 后 单 击 【 确 定 】 按 钮 ， 如 图 12.7 


所 示 。 


EECEIE EE 


@, 选择 数据 源 类 型 
i 区 


Arn 和 机 昌文 件 。 对 旭 BEE 国 站 点 地 加 


连接 到 ADO NET 支持 的 任何 SQL 激 据 诺 ， 知 Microsoft SQL Server、Oracke 或 OLEDB。 


为 数据 恶 指定 IDD: 


Fowssoee 


剖 定 取消 


12.7 选择 SqlDataSource 作为 数据 源 


G3) 在 连接 对 话 框 中 设置 相关 参数 。 
连接 对 话 框 情况 如 图 12.8 所 示 。 
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配置 数 妖 源 - SqlDataSource1 


和 本 选择 您 的 数据 连接 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 (w)? 
[ 


[Northwnd.mdF 


图 12.8 ”数据 连接 对 话 框 
在 下 拉 列 表 框 中 ， 可 能 会 看 到 若干 连接 字符 串 名 。 这 是 前 几 次 连接 数据 库 时 保留 下 来 
的 。 选 用 某 个 名 字 ， 就 代表 重用 该 次 的 连接 。 
如 果 是 初次 连接 ， 而 且 连 接 的 数据 库 已 经 放置 在 网 站 的 App_Data 目录 下 时 ， 将 会 看 


到 该 数据 库 的 名 字 ， 单 击 该 数据 库 名 即 建立 了 与 该 数据 库 的 连接 。 后 续 连 接 时 再 使 用 连接 
字符 串 的 名 字 。 


其 他 情况 则 需 单 击 【新 建 连接 】 按 钮 ， 以 打开 【添加 连接 】 对 话 框 ， 如 图 12.9 所 示 。 


输入 信息 | 通 ， 取 单 击 更 故 这 指 另 一 个 并 所 天 
和/ 或 提 f 


供 得 床 。 
数据 天 5)- 
Microsoft 3QL Server GE 区 
服务 器 名 全 : 
[ ~ Mie) 
党 录 到 服务 器 


图 便 用 windows 身份 验证 Ww) 
问 代 用 5Q serve 医 工 二 了 
数据 柚 (3); 

|Meresoft Access 着 据 诺 文件 
mocson OU 

Me Se 
CR 
ee 

< > 


于 到 浊 佚 粒 汪 (2)， 


用 于 SQL Server 的 ,NET Framewor | 
了 ji 使 用 此 上皇 (U) 


12.9 【添加 连接 】 对 话 框 

在 【添加 连接 】 对 话 框 中 完成 以 下 设置 。 

Q@ 选择 数据 源 。 

为 了 选择 数据 源 ， 单 击 【 更 改 】 按 钮 ， 弹 出 【更 改 数据 源 】 对 话 框 。 对 话 框 中 列 出 了 
多 项 数据 源 的 选择 。 这 些 选择 包括 如 下 几 项 。 

@ ”Microsoft Access 数据 库 文件 : 用 来 连接 Microsoft Access 数据 库 文件 。 

@ 。 Microsoft ODBC 数据 源 : 通过 ODBC 连接 到 ODBC 驱动 程序 。 

@ ”Microsoft SQL Server: 连接 到 Microsoft SQL Server 2000、2005 或 2008。 
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@ Microsoft SQL Server Mobile Edition: 连接 到 移动 设备 (如 PDA 或 Smartphone) 上 
的 Microsoft SQL Server 2008 Edition。 

@ Microsoft SQL Server 数据 库 文件 : 将 数据 库 文件 附加 到 本 地 Microsoft SQL 
Server 的 实例 (包括 Microsoft SQL Express) 上 。 

@ ”Oracle 数据 库 : 连接 到 Oracle 7.3、8i 或 9i 数据库 。 


@ 其 他 。 
例如 需要 连接 到 Microsoft SQL Server 2000、2005 或 2008 数据 库 时 ， 应 该 选择 
Microsoft SQL Server 选项 。 


@ 在 【服务 器 名 】 下 拉 列 表 框 中 填写 服务 器 名 。 

连接 到 SQL Server 2000 与 连接 到 SQL Server 2005 或 2008 数据 库 时 ， 服 务 器 名 的 设 
署 稍 有 不 同 。 

当 需 要 连接 到 SQL Server 2000 数据 库 时 ， 服 务 器 名 就 是 主机 名 ， 或 者 用 “.”( 句 号 ) 
代替 主机 名 。 

当 需 要 连接 到 SQL Server 2005 或 2008 Express Edition 数据 库 时 ， 服 务 器 名 应 设置 成 
“主机 名 \SQLExpress” 或 “\SQLExpress”( 即 句号 后 面 加 \SQLExpress)。 

@@ 选择 连接 的 数据 库 。 

当 正 确 完 成 前 面 的 设置 以 后 ， 在 数据 库 小 窗口 的 下 拉 列 表 中 就 可 以 看 见 多 个 数据 库 的 
名 字 。 选 择 其 中 之 一 即 建立 了 与 该 数据 库 的 连接 。 

@ 单 击 【 测 试 连接 】 按 钮 ， 以 检查 连接 是 否 有 效 。 如 果 有 效 时 再 单 击 【 确 定 】 
按钮 。 

(4) 系统 将 提示 “是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ”。 保 存 的 目的 是 为 了 后 续 
连接 时 重复 使 用 。 此 时 只 要 选中 下 面 的 复 选 枉 ， 即 可 将 连接 字符 串 保 存在 Web.config 文 
件 中 。 例 如 下 面 就 是 将 连接 字符 串 (connectionString) 保 存 的 一 个 结果 。 

<connectionstrings> 
<add name="Connectionstring" connectionString="Data Source= 
. \SQLEXPRESS;AttachDbFilename=|DataDirectory|\Northwind.mdf; 
Integrated Security=True;User Instance=True" 
providerName="System.Data.SsqlClient" /> 

</connectionstrings> 

该 连接 字符 串 被 取 名 为 ConnectionString。 

(5) 选择 数据 表 及 其 字段 。 

假定 前 面 选 择 的 数据 库 是 Northwind.mdf 样板 库 ， 对 话 框 如 图 12.10 所 示 。 在 下 拉 列 
表 框 中 选择 数据 表 ， 在 下 面 的 列表 框 中 选择 相应 的 字段 。 然 后 单 击 【下 一 步 】 按 钮 。 图 中 
选择 的 是 Products 数据 表 ， 并 选择 了 其 中 的 5 个 字段 。 

(6) 在 新 打开 的 对 话 框 中 单 击 【测试 查询 】 按 钮 ， 看 显示 的 结果 是 否 符合 要 求 ， 如 
图 12.11 所 示 。 

如 果 对 某 个 数字 类 型 的 字段 限制 小 数位 的 长 度 时 ， 可 以 在 【编辑 列 】 对 话 框 中 ， 将 该 
列 的 DataRormatString 属性 填 入 “{0E2}” 字 串 ， 其 中 F2 代表 小 数 留 两 位 。 

如 果 显 示 的 情况 符合 设计 要 求 ， 单 击 【 完 成 】 按 钮 就 完成 了 数据 库 连 接 的 全 部 操作 。 
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短 望 如何 从 煞 三 库 中 检 地 煞 又 ?7 

扫 ”指定 目 定义 SQL 语句 或 存 鱼 过 程 (5) 

所 指 走 末 自 表 苇 视 四 9D 
Se 
re - 
Do* QunttyPerure DD] Discontnued 厂 只 返回 星 一 行 ( 
Bros Caseto 
二 
间 日 wasmaw ee | 
ve 二 


SuEcT 证 QU: 
| Bee [QuiyPerurel [Urapree] FRoM [Products] 习 


< 上 -ss 中 | 下 -son>| _ Er | 寂 汉 | 


图 12.10 选择 数据 表 以 及 表 中 的 字段 


SELECT 语 司 (U: 
SELECT [ProductID], [ProductName] [CategoryID], [QuantityPerUnt], [UnaPrice] FROM [Products] 加 
Led 


< 上 一 步 四 | 下- -| RD 取消 上 


图 12.11 测试 设置 结果 
12.4 ”对 数据 表 进 行 分 页 、 排 序 和 选择 


只 要 将 GridView 控件 的 AllowPaging 和 AllowSorting 属性 设置 为 true( 默 认 情况 下 ， 
两 个 属性 都 为 tue)， 就 允许 对 GridView 控件 中 的 数据 表 进 行 分 页 和 排序 。 设 置 分 页 和 排 
序 可 以 在 GridView 控件 的 【属性 】 对 话 框 中 进行 ， 也 可 以 直接 在 与 控件 相连 的 

【GridView 任务 】 对 话 框 中 设置 。 后 者 的 设置 如 图 12.12 所 示 。 


自动 套用 格式 (A)… 


厅 局 用 排序 
区 
护 可 模 板 


图 12.12 选择 分 页 、 排 序 和 选择 项 
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12.4.1 分 页 


选中 【启用 分 页 】 复 选 框 后 还 需要 在 GridView 的 PageSize 属性 中 设置 每 页 包含 的 记 
录 数 (默认 的 设置 为 每 页 10 条 记录 )。 
改变 PagerSetting 和 PagerStyles 属性 ， 可 以 改变 页 号 的 显示 方法 。 显 示 方 法 包括 如 下 
几 种 。 
NextPrevious: 用 图 标 显示 前 页 、 后 页 。 
NextPreviousFirstLast: 用 图 标 显示 第 一 页 和 最 后 一 页 。 
Numeric: 用 数字 显示 页 号 。 
@ ”NumericFirstLast: 用 数字 显示 第 一 页 和 最 后 一 页 。 
通常 用 “<<” 表 示 第 一 页 ， 用 “> 之 ”表示 最 后 一 页 。 


12.4.2 ”排序 


选中 【启用 排序 】 复 选 框 时 ， 数 据 表 各 列 的 标题 将 自动 转换 为 链接 指针 。 程 序 运行 
时 ， 单 击 某 列 的 标题 ， 整 个 表格 内 的 数据 都 将 以 该 列 数据 为 依据 从 小 到 大 地 进行 排列 ， 如 
果 想 改变 排序 的 方法 ， 例 如 从 由 小 到 大 ， 改 变 为 由 大 到 小 或 者 相反 时 ， 只 需 再 单 击 栏 名 即 
可 完成 排序 方法 的 切换 。 


12.4.3 选择 


选中 【启用 选 定 内 容 】 复 选 框 的 目的 是 ， 当 选择 某 条 记录 时 ， 该 记录 出 现 与 其 他 记录 
不 同 的 显示 (例如 底 色 不 同等 )。 为 了 实现 这 一 功能 ， 除 在 这 里 选中 复 选 框 以 外 ， 还 需 给 
GridView 的 SelectedRowStyle 属性 作出 相应 的 设置 。 
经 过 连接 、 分 页 、 排 序 和 选择 的 设置 后 ， 系 统 的 部 分 代码 如 下 。 
<!--GridView 控件 的 属性 设置 --> 
<asp:GridView ID="GridViewl" 
Runat="server"DataSourceID="SqlDataSourcel"DataKeyNames="ProductID" 
AutoGenerateColumns="False" AllowPaging="True" 
AllowSorting="True" PageSize="5"> 


<!--GridView 中 字段 属性 设置 --> 
<Columns> 

<asp:CommandField ShowSelectButton="True"></asp:CommandField> 

<asp:BoundField Readonly="True" HeaderText="ProductID" 
InsertVisible="False" DataField="ProductID" SortExpression= 
"ProductID"> 

</asp:BoundField> 

<asp:BoundField HeaderText="ProductName" DataField="ProductName" 
SortExpression="ProductName"> 

</asp:BoundField> 

<asp:BoundField HeaderText="CategoryID" DataField="CategoryID" 
SortExpression="CategoryID"> 

</asp:BoundField> 
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<asp:BoundField HeaderText="QuantityPerUnit" 
ataField="QuantityPerUnit"™ 
SortExpression="QuantityPerUnit"> 
</asp:BoundField> 
<asp:BoundField HeaderText="UnitPrice" DataField="UnitPrice"™" 
SortExpression="UnitPrice"> 
</asp:BoundField> 
</Columns> 
</asp:GridView> 


<!- -数据 源 控件 的 设置 --> 
<asp:SqlDataSource ID="SqlDataSourcel" Runat="server" 
SelectCommand="SELECT [ProductID], [ProductName], [CategoryID], 
[QuantityPerUnit], 
[UnitPrice] FROM [Products]" 
Connectionstring="<%$ Connectionstrings:AppConnectionstringl $%>"> 
</asp:SqlDataSource> 


12.5 ”利用 模板 美化 显示 


12.5.1 模板 


模板 (Template) 是 一 组 样板 ， 它 将 HTML 元 素 与 ASP.NET 的 控件 结合 在 一 起 用 来 定 
义 数 据 的 显示 格式 ， 并 且 由 这 些 格 式 形成 最 终 的 布局 。 模 板 相 当 于 框架 ， 在 框架 中 可 以 放 
入 控件 ， 通 过 控件 与 数据 绑 定 ， 使 得 这 些 绑 定 的 数据 按照 模板 规定 的 格式 显示 。 

模板 与 样式 表 (CSS) 有 联系 但 也 有 区 别 。 样 式 表 定义 的 是 某 个 特定 元 素 的 属性 (如 该 元 
素 字 体 的 类 型 、 大 小 、 颜 色 等 )。 而 模板 能 够 更 加 深刻 地 改变 控件 的 整体 外 观 ， 还 能 给 控 
件 增添 新 的 功能 。 

通常 将 模板 与 样式 表 结 合 起 来 ， 以 便 全 面 改 善 界面 的 显示 ， 增 强 控件 的 功能 。 

控件 中 的 模板 由 头 、 尾 、 体 三 部 分 组 成 ， 分 别 用 头 模板 (HeaderTemplate)、 尾 模板 
(FooterTemplate) 和 体 模板 (ItemTemplate) 表 示 。 三 部 分 的 关系 如 图 12.13 所 示 。 


[ae 


体 模板 
MemTemplat 

尾 模板 
FooteTenpld [~ 


12.13 ”模板 的 结构 


其 中 ， 头 模板 和 尾 模板 用 来 设置 数据 标题 和 尾部 显示 的 内 容 和 格式 。 这 两 种 模板 是 选 
用 部 分 (可 采用 也 可 不 采用 )。 体 模板 是 必须 选用 的 ， 它 用 来 显示 数据 的 主体 ， 当 绑 定 有 多 
条 记录 时 ， 在 体 模板 中 将 自动 扫描 数据 源 的 各 条 记录 ， 并 且 按 照 模 板 的 要 求 逐条 显示 出 
来 。 体 模板 有 时 又 可 细 分 为 选择 模板 、 编 辑 模板 等 ， 用 来 定义 被 选中 记录 或 编辑 记录 的 显 
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示 样 式 。 还 可 以 用 交替 模板 来 设置 交替 记录 的 不 同 的 样式 (例如 不 同 的 底 色 )。 

控件 通常 具有 固定 的 功能 和 显示 界面 。 如 果 控件 拥有 模板 功能 ， 就 能 在 不 同 的 情况 下 
自动 转换 成 不 同 的 界面 并 执行 不 同 的 任务 ， 控 件 的 功能 从 而 得 到 了 大 大 的 加 强 ， 一 个 控件 
可 以 当 多 种 控件 来 使 用 。 

下 面 几 章 将 介绍 各 种 模板 的 使 用 方法 。 下 面 先 介绍 在 GridView 控件 中 对 模板 的 设置 
方法 。 


12.5.2 自动 套用 格式 


自动 套用 格式 设置 起 来 最 简单 ， 但 灵活 性 不 够 ， 功 能 也 不 够 强 。 使 用 方法 是 : 右 击 窗 
体 页 内 GridView 控件 ， 在 弹出 的 快捷 菜单 中 选择 【 自动 套用 格式 】 命 令 ， 弹 出 如 图 12.14 
所 示 的 对 话 框 。 


自动 套用 格式 到 3 


12.14 【自动 套用 格式 】 对 话 框 


单 击 左 边 【 选 择 方案 】 列 表 框 中 的 各 项 ， 右 边 的 【预览 】 列 表 框 中 将 显示 出 该 方案 所 
对 应 的 显示 界面 。 逐 个 单 击 左边 的 方案 ， 直 到 选择 一 个 合适 的 方案 为 止 。 单 击 【确定 】 按 
钮 ， 即 完成 了 模板 的 设置 工作 。 


12.5.3 ”设置 模板 样式 


打开 GridView 控件 的 【属性 】 对 话 框 ， 可 以 看 到 6 个 模板 样式 的 选项 。 
HeaderStyle: 头 模板 样式 。 
ItemStyle: 体 模板 样式 。 
FooterStyle: 尾 模板 样式 。 
AlternatineItemStyle: 交替 模板 样式 。 
SelectedItemStyle: 选择 项 模板 样式 。 
@ EditItemstyle: 编辑 项 模板 样式 。 
每 种 样式 都 包括 底 色 (BackColonD 、 边 界 颜色 (BorderColon 、 边 界 样式 (BorderStyle)、 
边界 宽度 (BorderWidth)、 其 他 样式 (CssClass) 等 ， 利 用 这 些 属性 可 以 定义 模板 的 显示 特征 。 
程序 运行 时 ， 前 4 种 模板 的 样式 即 可 显示 出 来 。 而 SelectedItemStyle 和 EditltemStyle 
两 种 模板 只 有 当 用 鼠标 选中 某 条 记录 或 者 对 某 条 记录 进行 编辑 时 ， 才 会 显示 出 来 。 
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12.6 ”显示 记录 中 的 图 像 


为 了 显示 记录 中 的 图 像 ， 先 将 图 像 复制 到 网 站 的 某 个 目录 下 ， 然 后 在 数据 表 的 相关 字 
段 中 填 入 这 些 图 像 的 路 径 。 

假定 已 经 建立 了 数据 表 。 现 在 为 了 在 GridView 控件 中 显示 记录 中 的 图 像 ， 需 要 补充 
以 下 步骤 。 

(1) 将 需要 显示 的 图 像 复 制 到 网 站 的 某 个 目录 下 。 

假定 几 个 图 像 复制 到 网 站 的 情况 如 图 12.15 所 示 。 


12.15 ”将 需 用 的 图 像 放 在 网 站 中 


(2) 在 数据 表 中 增加 【图 像 路 径 】 字 段 ， 并 填 入 各 图 像 在 网 站 中 的 路 径 (URL)。 数 据 
表 的 情况 如 图 12.16 所 示 。 


数据 表 中 新 增加 的 字段 


ET HT 


phone 

0731-55586811 
0732-44867733 
0643-66776655 
0731-77665544 pe 
0731-44553366 Inage\ii 


8 

当 

下 
泗 对 对 对 曙 图 
SSRI 


图 12.16 雇员 表 的 部 分 内 容 
其 中 ，ImagePath 代表 照片 (图 像 ) 在 网 站 中 的 路 径 ， 应 设置 成 可 变 长 字符 串 类 型 。 该 
路 径 要 与 图 12.15 中 各 图 像 的 路 径 相 对 应 。 


(3) 在 GridView 控件 的 字段 编辑 对 话 框 中 将 ImageField 增加 到 字段 中 来 ， 同 时 删除 
原 有 的 ImagePath 字段 。 


(4) 设置 ImageField 字段 的 属性 。 属 性 的 设置 情况 如 图 12.17 所 示 。 
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由 国庆 
bE 


12.17 ”数据 表 中 显示 照片 的 设置 


其 中 ，@ 将 DataImageUrlField 属性 与 数据 表 字段 ImagePath 绑 定 ，@) 在 AlternateText 
属性 栏 写 上 “和 暂 缺 照片 ”， 当 图 像 字 段 中 缺 图 像 时 显示 此 字符 串 ， 图 将 本 栏 的 标题 
(HeaderTexb 改 成 “照片 ”。 

运行 时 表格 的 显示 如 图 12.18 所 示 。 


姓名 | 性 别 | 年 痊 


鱼 本国 国 国 ss | 
局 全 六 要 避 Ee 『 


四 于 下 工 2 


12.18 数据 表 的 显示 结果 
12.7 小 结 


GridView 控件 的 功能 非常 强大 ， 不 仅 能 够 用 于 显示 数据 表 中 的 数据 和 图 像 ， 还 能 够 
编辑 数据 表 中 的 数据 (后 面 介绍 )。 因 此 这 个 控件 是 本 书 讲述 的 重点 。 

通常 情况 下 ，GridView 控件 可 以 通过 数据 源 控件 SqlDataSource 与 大 型 数据 库 (SQL 
Sever、Oracle 等 ) 连 接 ， 并 且 选 择 显 示 的 数据 表 以 及 显示 的 字段 等 。 通 过 GridView 的 属性 
还 可 以 直接 给 数据 表 分 页 、 排 序 和 执行 选择 功能 。 由 于 在 数据 源 控件 中 隐 含 有 大 量 常用 的 
代码 ， 上 面 这 些 设置 都 变 得 非常 简单 ， 几 乎 不 需要 增加 任何 手写 的 代码 。 

利用 GridView 模板 ， 还 可 以 进一步 美化 GridView 控件 的 外 观 ， 并 且 增加 一 些 附加 功能 。 


12.8 习 题 


1. 填空 题 
(1) GridView 控件 的 基 类 是 
(2) 分 页 后 每 页 默认 的 记录 是 条 。 
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2. 判断 题 
(1) GridView 控件 只 能 原样 显示 数据 表 中 的 记录 。 oe 
(2) 为 了 美化 显示 ，GridView 控件 的 头 模板 、 体 模板 、 尾 模板 都 必须 进行 设置 。 

CC 
3. 简 答 题 


(1) 简 述 SQL Server 2008 Express Edition 的 特性 。 

(2) 简 述 GridView 控件 连接 并 显示 数据 表 的 过 程 。 

(3) 什么 是 模板 ? 

(4) 为 了 显示 数据 表 记 录 中 的 照片 ， 应 做 哪些 准备 工作 ? 

(5) 为 了 显示 记录 中 的 照片 ， 应 该 如 何 设置 GridView 控件 的 属性 ? 
4. 操作 题 


(1) 将 GridView 控件 连接 并 显示 NorthWind 样板 库 中 的 Prducts 数据 表 。 要 求 : 

@ 分页， 每 页 5 条 记录 。 

@ 排序 。 

@ 被 选中 的 记录 底 图 呈 浅 蓝 色 。 

@ 记录 隔行 改变 底 色 。 

(2) 自己 定义 一 张 雇员 表 ， 包 括 编号 (bh)、 姓 名 (xm)、 性 别 (xb)、 年 龄 (nl)、 照 片 (zp) 
等 字段 并 且 输 入 若干 条 记录 。 通 过 GridView 控件 连接 和 显示 该 数据 表 ， 要 求 除 与 (1) 题 相 
同 外 ， 还 要 显示 照片 。 
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数据 库 查询 就 是 在 数据 库 中 查找 符合 条 件 的 记录 。 例如， 在 书库 中 查找 某 图 书 的 情 
况 ; 在 人 事 档案 中 查看 某 个 人 的 相关 数据 ; 在 仓库 中 查看 某 产品 的 存储 量 等 。 数 据 库 的 其 
他 一 些 操作 ， 例 如 修改 、 删 除 记 录 等 也 常常 是 在 查询 的 基础 上 进行 的 。 因 此 查询 是 最 重要 
也 是 使 用 得 最 为 频繁 的 数据 库 操作 。 

数据 库 多 表 同 步 也 是 应 用 程序 中 使 用 得 比较 频繁 的 操作 。 由 于 对 数据 表 同 步 功 能 的 设 
计 与 查询 的 设计 有 一 些 共同 点 ， 因 此 放 在 同一 章 中 来 讲述 。 

ASP.NET 3.5 在 原来 版 本 的 基础 上 对 查询 和 同步 的 设计 都 进行 了 很 大 的 改进 ， 不 仅 对 
原 有 控件 作 了 进一步 封装 ， 还 增添 了 新 的 控件 ， 从 而 使 得 设计 的 过 程 变 得 非常 简单 ， 功 能 
变 得 更 加 强大 。 

本 章 讲述 上 述 两 个 问题 时 ， 采 取 的 步骤 为 先 讲述 一 般 原 理 ， 然 后 结合 示例 讲 明 应 用 步 
又， 最 后 进行 代码 分 析 。 具 体内 容 包括 : 

@ ”数据 库 查询 : 数据 库 查询 语句 、 单 一 条 件 查询 、 选 择 条 件 查 询 、 多 条 件 的 组 合 

查询 。 
@ ”数据 表 同步 : 在 同一 窗 体 页 中 父 / 子 表 的 同步 、 在 不 同窗 体 页 中 父 / 子 表 的 同步 。 


13.1 数据 库 查询 


13.1.1 数据库 查询 语句 

数据 库 查询 通常 都 是 利用 SQL 语句 进行 的 。 在 SQL 查询 语句 中 包括 一 些 待定 参数 ， 
这 些 待定 参数 就 是 查询 条 件 。 待 程序 运行 时 ， 给 出 不 同 的 参数 就 可 以 获得 不 同 的 查询 
结果 。 

SQL 的 查询 语句 的 格式 如 下 。 

Select * From 数据 表 名 

Where ( 字段 1 < 8 待定 参数 1 AND 字段 2 < @ 待 定 参数 2. ) 

其 中 Select、From、Where 都 是 保留 字 。Where 后 面 为 查询 条 件 。 

给 待定 参数 赋值 的 方法 在 ASP.NET 类 库 中 进行 了 多 次 重 载 。 其 中 最 简单 的 格式 是 

命令 组 件 名 .Parameters .Adq ("e 待 定 参数 ", 数据 源 ) ; 

其 中 数据 源 可 以 是 某 个 常数 或 者 某 个 控件 的 值 。 当 数据 表 中 字段 类 型 属于 字符 串 或 者 
整 型 数 时 ， 利 用 上 述 语句 即 可 。 但 是 数据 表 中 字段 的 类 型 很 多 ， 为 了 适应 各 种 类 型 数据 的 
需要 ， 系 统 还 提供 了 通用 的 赋值 语句 。 格 式 如 下 。 


组 件 名 .Parameters.Add (new SqlParameter ("待定 参数 名 ", SqlDbType .类 型 ) ) ; 
组 件 名 .Parameters[" 待 定 参数 名 "] .Value = 实际 参数 ; 
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其 中 第 一 句 确定 了 参数 的 类 型 ， 第 二 句 给 参数 具体 赋值 。 例 如 ， 访 问 样板 库 
Northwind 中 的 Products 表 ， 将 其 中 的 字段 ProductID 作为 查询 条 件 ， 并 将 待定 参数 设 成 
@ProdID， 给 待定 参数 赋值 的 语句 如 下 。 

sqlCommandl .Parameters.Add (new SqlParameter ("@ProdID",SqlDbType.int)); 

sqlCommandl .Parameters["@ProdID "] .Value = TextBox].Text; 

在 ASPNET 1.x 中 虽然 提供 了 智能 提示 ， 但 实际 设计 时 要 正确 确定 参数 的 类 型 仍然 不 
怎么 容易 。 现 在 ASPNET 3.5 新 版 本 作 了 进一步 简化 。 它 将 参数 类 型 的 确定 、SQL 查询 
语句 的 生成 以 及 执行 查询 语句 等 项 工作 都 隐 含 在 数据 源 控件 的 内 部 。 设 计时 只 需 按 照 系统 
的 提示 进行 选择 即 可 ， 不 再 需要 编写 SQL 语句 以 及 给 参数 赋值 的 语句 。 


13.1.2 单一 条 件 查询 


所 谓 简单 查询 是 指 单一 条 件 的 查询 。 下 面 将 首先 用 一 个 TextBox 控件 提供 查询 条 件 ， 
然后 改 用 下 拉 列 表 框 (DropDownList) 提 供 查 询 条 件 。 


1. 数据 源 控件 的 设置 


在 ASP.NET 3.5 中 进行 数据 库 查 询 的 关键 在 于 设置 数据 源 控件 (DataSource Control)。 

下 面 以 对 Northwind 样板 库 中 的 Products 表 的 查询 为 例 ， 说 明 给 数据 源 控件 设置 的 方 
法 。 要 求 根据 类 型 字段 (CategoryID) 的 值 查 出 表 中 该 类 型 的 产品 。 

首先 在 窗 体 页 中 放 入 TextBox 与 GridView 控件 。 其 中 TextBox 控件 用 于 输入 
CategoryID 的 值 ，GridView 控件 用 于 显示 查询 结果 。 

为 了 建立 与 数据 库 的 连接 ， 需 要 配置 数据 源 控 件 。 在 配置 数据 源 控件 的 过 程 中 当 打开 
选择 字段 的 对 话 框 时 ， 出 现 的 界面 如 图 13.1 所 示 。 


< 上 一 步 虽 | 下 一 步 0 > Edi 取消 


13.1 单 击 WHERE 按钮 打开 查询 设置 语句 
单 击 WHERE 按钮 ， 将 弹出 如 图 13.2 所 示 的 对 话 框 。 
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| = BeegoryID2 Peri 添加 (名 
WHERE 子 名 (内 ): 
[CategoryID] = BCaktegoryID ee ww | 
确定 取消 
4 


13.2 ”设置 查询 参数 


在 【 列 】 下 拉 列 表 框 中 选择 待定 参数 对 应 的 字段 ， 在 【运算 符 】 下 拉 列 表 框 中 确定 条 
件 的 运算 符 ( 大 于 、 小 于 、 等 于 ); 在 【 源 】 下 拉 列 表 框 中 选择 参数 的 来 源 。 参 数 的 来 源 包 
括 以 下 几 种 。 

@ ”Control: 从 控件 中 获得 参数 。 
Cookie: 从 Cookie 对 象 中 获得 参数 。 
Form: 从 窗 体 页 中 获取 参数 。 
Profile: 从 客户 配置 文件 中 获取 参数 。 
QueryString: 从 上 一 个 网 页 用 get 提交 时 传 来 的 语句 中 获得 参数 。 

@ ”Session: 从 Session 对 象 中 获得 参数 。 

选择 Control 选项 ， 然 后 在 【控件 DD】 下 拉 列 表 框 中 选择 TextBox1。 单 击 【添加 】 按 
钮 ， 在 【SQL 表达 式 】 以 及 【WHERE 子 句 】 文 本 框 中 将 出 现 相应 的 字符 串 ， 如 图 13.2 
所 示 。 这 段 字 符 串 表明 待定 参数 为 


[CategoryID] = @CategoryID2 


待定 参数 值 来 源 于 TextBoxl.Text。 
返回 原 有 窗口 ， 可 以 看 到 一 个 SQL 的 查询 语句 已 经 在 【SELECT 语句 】 文 本 框 中 形 
成 ， 如 图 13.3 所 示 。 
SELECT 语句 (U; 


SELECT [ProductID], [ProductName], [CategoryID], [QuantityPerUnit], [UnikPrice] FROM [Products] ”二 
WHERE ([CategoryID] = @CategoryID) 


图 13.3 设置 后 产生 的 SQL 语句 

单 击 【 下 一 步 】 按 钮 ， 在 新 打开 的 对 话 框 中 单 击 【测试 查询 】 按 钮 ， 并 输入 待定 参数 
以 查看 查询 的 结果 ， 如 图 13.4 所 示 。 

如 果 查 询 的 结果 符合 设计 要 求 ， 说 明 对 查询 的 设计 已 经 完成 。 

2. 用 DropDownList 提供 查询 条 件 

现在 用 DropDownList( 下 拉 列 表 框 ) 控 件 代 替 原 来 的 TextBox 控件 。 新 控件 可 以 和 另 一 
个 数据 表 进 行 数据 绑 定 ， 从 该 表 中 获取 查询 条 件 。 

现在 将 DropDownList 控件 与 类 型 表 (Categories) 进 行 数据 绑 定 ， 其 方法 与 前 面 
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GridView 基本 相同 。 即 单 击 DropDownList 右上 角 的 四 图 标 ， 选 择 【< 新 建 数据 源 >】 命 
令 ， 然 后 建立 连接 (可 以 利用 上 面 已 经 创建 的 连接 对 象 )， 选 择 数据 表 及 字段 (这 里 只 需要 选 


择 CategoryID、CategoryName 两 项 ) 等 。 当 选择 完 字 段 以 后 ， 将 弹出 如 图 13.5 所 示 的 对 
话 框 。 


< 上 -| 二 -| wD | 取消 | 
4 


13.4 查询 CategoryID=1 的 结果 


选择 其 中 的 CategoryName 属性 用 于 对 外 显示 ， 属 性 CategoryID 用 于 内 部 控制 。 
利用 DropDownList 提供 查询 条 件 时 的 结果 如 图 13.6 所 示 。 


EIETETE 
@、 选择 数据 源 
地 扣 基 据 源 ); 
Fauwsee 9 
所要 在 HGLIEt 中 显示 的 据守 隐 ); 
[| = 
为 mreDomnList 的 人 沁 拱 数字 队 C) 类 型 ,乳品 习 sal 
rT | 编辑 | 产品 D| 产品 名 | 类 型 ID | 单元 数量 | 单价 1 
让 Er [ga 有 |， | 和 2 大 | on 
om 
现职 
图 13.5 为 下 拉 列 表 框 设置 属性 图 13.6 查询 结果 


13.1.3 选择 条 件 查询 


在 窗 体 页 中 设置 一 套 控件 ， 但 允许 选择 多 种 不 同 的 条 件 进行 查询 ， 这 样 的 设置 能 给 客 
户 的 操作 带 来 一 些 方便 。 比 如 在 一 些 出 版 社 的 网 页 中 ， 人 允许 读者 选择 【 书 名 】 来 查询 图 
书 ， 也 允许 选择 【作者 名 】 来 查询 图 书 ， 就 常 采用 这 种 结构 方式 。 

为 了 实现 选择 条 件 查询 ， 网 页 中 可 以 设置 如 下 控件 。 

@ ”一 个 下 拉 菜 单 控件 (DropDownLisb: 用 来 提供 选择 条 件 。 

@ ”一 个 输入 控件 (如 TextBox): 用 来 输入 某 条 件 的 值 。 

@ 一 个 GridView 控件 : 用 来 显示 查询 结果 。 

e 一 个 按钮 (Button): 用 来 编写 事件 代码 。 
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日 ”两 个 或 两 个 以 上 数据 源 控件 (SqlDataSource): 分 别 用 来 生成 不 同 条 件 的 查询 
语句 。 
例如 查询 一 个 如 第 12 章 中 创建 的 数据 表 。 在 下 拉 菜 单 中 提供 【按照 年 龄 查询 】 和 
【按照 性 别 查询 】 两 种 选择 。 下 拉 菜 单 的 设置 如 图 13.7 所 示 。 


Listitem 集合 转 辑 器 


按照 年 龄 查询 属性 (P): 


EE 


13.7 在 下 拉 菜 单 中 提供 选择 条 件 


将 一 个 数据 源 (SqlDataSourcel) 以 年 龄 小 于 某 个 值 作为 查询 条 件 。 经 过 配置 后 的 查询 
语句 如 下 。 

SelectCommand="SELECT [bh], [xm], [xb], [age], [phone] FROM [gyb] 

WHERE ([age] < @age)" 

将 另 一 个 数据 源 (SqlDataSource2) 以 性 别 作为 查询 条 件 ， 经 过 配置 后 的 语句 如 下 。 

SelectCommand="SELECT [bh], [xm]， [xb], [age], [phone] FROM [gyb] 

WHERE ([xb] = @xb)" 

为 按钮 的 Click 事件 编写 如 下 代码 。 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (DropDownList1.SelectedValue == "0" 
// 按 年 龄 进行 查询 时 ， 引 用 第 一 个 数据 源 控 件 
GridView1.DataSourceID = "SqlDataSourcel™"; 
else 
GridView1l.DataSourceID = "SqlDataSource2"; 
} // 按 性 别 进行 查询 时 ， 引 用 第 二 个 数据 源 控件 


13.1.4 多 条 件 的 组 合 查询 


有 时 需要 将 多 个 条 件 组 合 起 来 进行 查询 。 为 此 需要 多 设 几 个 输入 控件 (例如 ， 设 置 多 
个 TextBox) 以 提供 查询 条 件 ， 并 在 配置 数据 源 控件 时 将 设置 待定 参数 的 操作 重复 多 次 ( 具 
体 方法 见 图 13.2)， 就 自动 形成 了 多 个 条 件 之 间 的 “与 ”关系 。 

多 条 件 之 间 的 “与 ”关系 要 求 只 有 在 输入 了 全 部 条 件 时 ， 才 能 进行 查询 。 如 果 某 个 
(或 某 些 ) 条 件 没有 输入 时 ，“ 空 ”仍然 将 作为 条 件 与 其 他 条 件 相 与 ， 结 果 使 得 查询 失败 。 
这 种 情况 给 客户 造成 了 一 定 的 困难 。 因 为 在 很 多 情况 下 ， 客 户 给 不 出 所 有 的 条 件 。 

应 该 允许 在 缺少 某 些 条 件 的 情况 下 仍然 能 够 正常 进行 查询 ， 只 是 查询 的 结果 范围 可 能 
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更 宽 一 些 而 已 。 为 了 实现 这 一 功能 ， 需 要 做 以 下 两 方面 的 改进 : 

(1) 在 设 定 查询 参数 时 必须 给 每 个 输入 的 控件 设 定 “默认 值 ”。 默 认 值 在 图 13.2 中 
设置 ， 它 代表 控件 没有 输入 时 的 默认 值 。 为 了 避免 混淆 ， 这 个 值 应 该 远离 可 能 出 现 的 查询 
参数 。 

(2) 在 网 页 的 【 源 】 窗 口中 用 手动 方法 修改 数据 源 的 SQL 查询 语句 。 

例如 ， 修 改 前 的 查询 语句 是 

Select * From 数据 表 名 

Where ( 字段 1 = 8 待定 参数 1 AND 字段 2 = @ 待 定 参数 2 ) 


修改 后 的 语句 为 
Select * From 数据 表 名 
Where (( 字段 1 = 8 待定 参数 1 ) OR (8 待定 参数 1= 默认 值 1 ) ) AND 

( (字段 2 = 8 待定 参数 2) OR (8 待定 参数 2 = 默认 值 2)) AND … ) 
于 AND 的 优先 级 高 于 OR， 因 此 应 该 用 括号 将 OR 的 操作 括 起 来 。 执 行 上 述 语句 
时 ， 一 旦 某 个 控件 的 输入 出 现 空缺 ，“@ 待 定 参数 = 默认 值 ” 的 结果 为 tmue， 因 此 这 个 控 
件 的 空缺 不 会 影响 其 他 条 件 的 正常 查询 。 

现在 用 一 个 示例 说 明 上 述 过 程 。 

假定 仍 使 用 第 12 章 创建 的 数据 表 。 用 年 龄 和 性 别 相 与 (AND) 作 为 条 件 进行 组 合 查 
询 。 网 页 中 的 界面 如 图 13.8 所 示 。 


性 别 男 


加 四 


2211 | 成 工 | 男 |22 10731-55566611 
2215 | 李 打 油 | 男 |33 |0731-44553366 


13.8 ”缺少 年 龄 条 件 下 的 组 合 查询 


修改 前 的 查询 语句 是 

SelectCommand="SELECT [bh], [xm], [xb], [age], [phone] FROM [gyb] 

WHERE (([age] < eage) AND ([xb] = @xb))" 

为 了 允许 在 缺 项 的 情况 下 仍 能 正常 查询 ， 按 照 以 下 步骤 进行 。 

(1) 重新 配置 数据 源 控件 (SqlDataSource)， 为 每 个 输入 控件 设置 默认 值 。 在 这 个 示例 
中 ， 给 TextBox1( 用 于 输入 年 龄 的 控件 ) 的 默认 值 为 -1; 给 TextBox2( 用 于 输入 性 别 的 控件 ) 
的 默认 值 为 “*”。 

(2) 用 手动 方法 修改 SQL 查询 语句 。 修 改 后 的 语句 如 下 。 

SelectCommand="SELECT [bh], [xm], [xb], [age], [phone] FROM [gyb] 

WHERE ((( [age] < @age ) or ( @age=-1 )) AND (([xb] = @xb) or ( @xb="*" )))" 

如 果 程 序 运行 时 ， 只 输入 了 性 别 “ 男 ”， 没 有 输入 年 龄 ， 结 果 将 把 所 有 的 男性 都 显示 
出 来 。 
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如 果 想 将 查询 条 件 改 用 其 他 形式 ， 例 如 想 用 “或 (0D ”关系 代替 “与 and)” 关 系 ， 应 
该 稍微 改变 一 下 前 面 的 设置 方法 ， 以 调用 系统 提供 的 其 他 功能 。 

下 面 举例 说 明 改 变 的 具体 步骤 。 在 图 12.10 所 示 对 话 框 的 左上 角 选 择 【 指 定 自 定义 
SQL 语句 或 存储 过 程 】 选 项 ， 单 击 【 下 一 步 】 按 钮 ， 在 弹出 的 对 话 框 中 单 击 【 查 询 生成 
器 】 按 钮 ， 将 弹出 如 图 13.9 所 示 的 对 话 框 。 

在 查询 生成 器 中 ， 单 击 【添加 】 按 钮 ， 出 现 【添加 表 】 对 话 框 。 在 【添加 表 】 对 话 框 
中 选择 数据 表 名 (图 中 选择 了 Products)， 单 击 【 添 加 】 按 钮 ， 然 后 在 【查询 生成 器 】 对 话 
框 中 选择 字段 并 且 利 用 表格 的 其 他 字段 构成 相应 的 SQL 语句 ， 如 图 13.10 所 示 。 


图 13.10 设置 查询 条 件 的 “或 ”关系 


注意 : 图 中 将 用 于 查询 的 参数 放 在 “或 ”字段 的 下 面 ， 就 构成 了 SQL 语句 中 用 “OR” 将 
参数 组 成 的 查询 条 件 。 


13.2 ”数据 表 同 步 


13.2.1 概述 


数据 之 间 的 简单 关系 也 许 用 一 张 表 来 表示 就 足够 了 ， 但 是 如 果 数据 之 间 存 在 着 比较 复 
杂 的 关系 时 ， 仍 然 采用 一 张 表 来 处 理 ， 就 可 能 带 来 大 量 的 数据 元 余 。 根 据 数据 库 的 “关系 
规范 ”理论 ， 有 的 情况 下 ， 将 一 个 复杂 的 关系 分 解 为 一 组 子 关 系 时 ， 可 以 减少 见 余 ， 优 化 
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结构 。 

比如 ，“ 一 对 多 ”的 关系 就 是 一 种 比较 复杂 的 关系 。 一 个 客户 有 多 张 订单 ， 每 张 订单 
上 包括 多 项 货物 的 订购 ; 或 者 在 学 校 中 ， 一 个 教学 班 有 几 十 名 学 生 ， 每 名 同学 有 多 门 功课 
的 成 绩 等 。 上 述 关 系 最 好 用 多 张 表 来 表示 ， 在 这 里 “一 ” 方 通常 被 称 为 “ 父 表 ”，“ 多 ” 
方 通常 被 称 为 “ 子 表 ”， 父 表 与 子 表 之 间 通 过 同步 字段 实现 同步 。 

父 、 子 表 之 间 虽 然 在 逻辑 上 存在 一 定 的 联系 ， 但 是 它们 都 是 独立 的 数据 表 ， 对 每 张 表 
的 访问 也 是 一 个 独立 的 过 程 。 在 这 种 情况 下 ， 如 何 实现 它们 之 间 的 同步 ? 下 面 分 别 介绍 两 
种 实现 同步 的 方法 :在 同一 窗 体 页 中 实现 父 、 子 表 的 同步 ， 在 不 同窗 体 页 中 实现 父 、 子 表 
的 同步 。 


13.2.2 同一 窗 体 页 中 父 、 子 表 同 步 

1. 实现 步骤 

为 了 在 同一 个 窗 体 中 实现 父 、 子 表 的 同步 ， 需 要 在 窗 体 中 设置 两 个 GridView、 两 个 
数据 源 控件 。 每 个 GridView 通过 自己 的 数据 源 控件 连接 到 父 表 或 子 表 。 对 于 父 表 来 说 ， 
在 GridView 中 只 需要 增加 一 个 【选择 】 按 钮 ， 并 确定 被 选择 行 的 样式 即 可 ， 对 于 子 表 来 
说 ， 主 要 是 根据 父 表 选择 的 字段 进行 查询 ， 并 显示 查询 的 结果 。 

下 面 以 Northwind 样板 数据 库 中 的 Categories 表 作为 父 表 ，Products 表 作为 子 表 ， 说 
明 利 用 两 个 GridView 实现 同步 的 过 程 。 

先 将 两 个 GridView 控件 放 入 窗 体 中 ， 分 别 通 过 自己 的 数据 源 控件 连接 到 父 表 和 子 
表 ， 并 按 图 13.11 所 示 的 方式 进行 设置 。 

重新 配置 GridView( 子 表 ) 的 数据 源 控件 ， 设 | 
置 SQL 的 查询 语句 ， 查 询 条 件 来 自 父 表 的 字段 ET 
(这 里 使 用 CategoryID)。 设 置 的 方法 如 前 所 述 。 
只 不 过 将 【控件 加】 中 的 TextBoxl 改 为 
GridView1l。 


2. 代码 分 析 ET ET 

用 于 主 表 的 数据 源 控件 的 代码 与 一 般 代码 没 | nfm som 
有 什么 区 别 ， 关 键 在 于 子 表 查询 时 如 何 确 定 待定 3 lss | [mmrlooo| 
参数 。 子 表 数 据 源 控件 的 代码 如 下 。 EL | 


<asp:SqlDataSource ID="SqlDataSource2" 图 13.11 同一 窗 体 中 两 个 GridView 同步 
Runat="server" 
SelectCommand="SELECT [ProductID], [ProductName], [CategoryID], 
[QuantityPerUnit], [UnitPrice] FROM [Products] 
WHERE ([CategoryID] = @CategoryID)" 
Connectionstring="<%$ Connectionstrings:AppConnectionstringl] $%>"> 
<SelectParameters> 
<asp:ControlParameter Name="CategoryID" DefaultValue="1" 
Type="Int32 ControlID="GridViewl"PropertyName-="SelectedValue"> 
</asp:ControlParameter> 
</SelectParameters> 
</asp:SqlDataSource> 
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在 子 表 的 数据 源 控件 中 ， 用 SelectCommand 查询 语句 “WHERE ([CategoryID] = 
@CategoryID)” 指 出 了 待定 参数 ， 同 时 在 下 面 的 参数 语句 中 确定 了 这 个 待定 参数 的 来 源 。 
ControlID="GridView1" 表 明 该 参数 来 源 于 GridView1， 而 GridView1 就 是 显示 主 表 的 
控件 。 


13.2.3 不 同窗 体 页 中 父 、 子 表 同步 

1. 实现 步骤 

在 不 同 网 页 中 实现 父 、 子 表 同 步 的 原理 与 前 面 的 方法 相同 ， 都 是 在 子 表 中 将 父 表 传 来 
的 字段 作为 参数 进行 查询 ， 然 后 显示 查询 结果 。 和 前 面 所 讲 方法 的 最 大 区 别 在 于 子 表 获 得 
参数 的 方式 不 同 。 因 为 要 从 不 同 的 网 页 中 获取 数据 ， 子 表 要 通过 QueryString 属性 从 URL 
中 提取 。 

同步 设置 的 方法 分 为 对 父 表 的 设置 和 对 子 表 的 设置 两 方面 : 从 父 表 方 面 来 看 ， 要 求 调 
用 子 表 的 同时 将 同步 条 件 (选择 的 字段 ) 附 在 调用 的 URL 字段 后 面 ， 从 子 表 方面 来 看 ， 应 
利用 数据 源 控件 的 QueryString 属性 来 获取 条 件 以 便 进 行 查询 ， 从 而 达到 父 、 子 表 同 步 的 
目的 。 

下 面 通过 示例 来 说 明 上 述 同步 过 程 。 

假定 将 SQL Server 的 样板 库 Northwind 中 的 Categories( 类 型 表 ) 作 为 父 表 ，Products( 产 
品 表 ) 作 为 子 表 ， 两 表 之 间 通 过 CategoryID( 类 型 ID) 字 段 取 得 同步 。 同 步 的 情况 如 图 13.12 
所 示 。 


- [ 画 ::sssowywoebseel/Dorsutq'aspxrCategoryID-e 卫 | 于 到 | 几 搜 * 


产品 2 和 
产品 5 ProductID ProductName CategoryID QuantityPerUni 

产 色 8 8 玛 8 每 箱 24 钼 
产品 7 9 万 是 8 每 箱 24 泊 
12 17 是 米 s 每 箱 24 翔 
| 19 海参 8 每 箱 24 瓶 

ad ] | 

BE | [| | (i ne 同 


图 13.12 不 同 网 页 之 间 的 同步 
2. 为 父 表 设 置 属性 
为 父 表 的 GridView 的 字段 (Columns) 属 性 设置 的 方法 如 图 13.13 所 示 。 
将 HyperLinkField 字段 增加 到 窗 体 中 来 。 
给 增加 的 字段 标题 及 字段 命名 。 
确定 子 表 网 页 的 位 置 。 
确定 子 表 窗 口 放置 的 位 置 。 
确定 同步 的 字段 。 
确定 调用 子 表 网 页 的 格式 。 这 里 使 用 的 格式 是 


~/Default2.aspx?CategoryID={0} 


@@EO@OO 
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图 13.13 父 窗 体 的 设置 


3. 重新 配置 子 表 的 数据 源 控件 

在 子 表 的 GridView 中 重新 配置 数据 源 控件 ， 选 择 Where 后 的 设置 如 图 13.14 所 示 。 
其 中 最 大 的 不 同 是 在 【 源 】 下 拉 列 表 框 中 选择 QueryString 项 。 这 表明 ， 子 表 将 通过 
Request.QueryString 获得 从 父 表 传 来 的 参数 。 


加 -| 默 闪 值 (yy 
2 
福 (3). 
| 区 caegoryl 
| caeooy Snvstno 到 | 
| Descnpuo ”5 表达 式 ; 全: 
rr CSORGRTSORECRRRID 和 扣 ) 
WHERE FANW)Y 
俯 呈 下 6 
[CateguryID] = gpCategoryID RequesL Qusr yring( "Cate. ss 
瑚 宝 取消 
8 


13.14 子 窗 体 的 设置 


13.3 合并 多 表 显 示 


有 时 将 “一 对 多 ”的 关系 分 解 成 多 表 ， 并 取得 同步 可 以 优化 结构 ， 减 少见 余 ， 需 要 时 
又 可 以 将 它们 合并 到 一 张 表 中 显示 。 下 面 讲述 将 多 表 合 并 成 一 张 表 中 显示 的 方法 。 

在 Northwind.mdf 样板 库 中 ， 类 型 表 (Categories) 与 产品 表 (Products) 之 间 就 存在 着 一 对 
多 的 关系 (一 种 类 型 对 应 于 多 种 产品 )， 它 们 之 间 的 同步 字段 是 CategoryID。 合 并 显示 的 步 
又 如 下 。 

(1) 在 网 页 中 设置 控件 并 建立 与 数据 库 的 连接 。 

(2) 当 出 现 图 12.10 所 示 的 界面 时 选择 【指定 自 定义 SQL 语句 或 存储 过 程 】 项 ， 单 击 
【下 一 步 】 按 钮 ， 在 弹出 的 对 话 框 中 单 击 【 查 询 生 成 器 】 按 钮 ， 弹 出 如 图 13.15 所 示 的 对 
话 框 。 
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图 13.15 选择 数据 表 
(3) 选择 Categories 与 Products 两 张 表 ， 并 选择 需要 显示 的 字段 以 及 排序 的 要 求 等 ， 


如 图 13.16 所 示 。 


Cakogonhana Caops ， 反 本 
» 


SECT CAEOORS Coe ID, CeOoreS CGOOTNSWS PrOdCTs ProActID, ProcLcrs-Proch 
FROM 。 calcgoiies INNER JOIN 

Prodcts ON Catogoris, CakogoryID ~ PreductsCakogoryD 

ORDER FY Calegories Cakegoryi 


CE mw | 


13.16 选择 多 表 


注意 : 在 图 13.16 所 示 对 话 框 的 【别名 】 栏 中 填写 显示 的 字段 名 。 
对 话 框 的 下 方 显示 出 多 表 合并 显示 的 SQL 语句 。 它 们 是 
SELECT Categories.CategoryID, Categories.CategoryName, Products.ProductName, 
Products.QuantityPerUnit, Products.UnitPrice 
FROM Categories INNER JOIN 
Products ON Categories.CategoryID = Products.CategoryID 
ORDER BY Categories.Category ID 


(4) 对 字段 略 加 编辑 并 运行 程序 时 显示 的 界面 如 图 13.17 所 示 。 


图 13.17 多 表 合 并 显示 


第 13 章 数据 库 查询 与 同步 209 


13.4 小 结 


数据 库 查询 和 同步 都 是 使 用 得 非常 频繁 的 操作 ， 因 此 是 应 用 程序 中 不 可 缺少 的 重要 组 
成 部 分 。 两 种 方法 都 需要 用 到 SQL 的 WHERE 查询 语句 ， 因 此 确定 WHERE 的 条 件 并 获 
取 WHERE 条 件 的 值 是 问题 的 关键 。 

在 同一 窗 体 中 两 个 表格 的 同步 与 查询 操作 非常 相似 。 在 不 同窗 体 之 间 的 同步 却 有 着 较 
大 的 区 别 ， 这 是 因为 在 这 种 情况 下 ， 父 窗 体 在 打开 子 窗 体 的 同时 还 要 将 同步 的 参数 传 出 
去 ， 而 子 窗 体 则 需要 利用 Request.QueryString 方法 从 传 来 的 URL 中 获取 参数 ， 并 且 根 据 
这 些 参数 进行 查询 以 达到 同步 的 目的 。 

将 一 张 数 据 表 分 解 成 若干 表 ， 然 后 进行 同步 ， 这 种 配置 有 时 可 以 减少 元 余 ， 便 于 网 页 
的 保护 和 操作 。 需 要 时 还 可 以 将 这 些 多 表 合并 在 一 张 表 中 显示 。 


13.5 习 题 
1. 填空 题 
(1) 给 待定 参数 赋值 的 语句 中 通用 的 格式 是 
组 件 名 .Parameters.Add (new SqlParameter(" ", SqlDbType. i 


组 件 名 .Parameters[" 待 定 参数 名 "] .Value = ; 

(2) 同一 网 页 中 两 表 同 步 时 ， 作 为 父 表 的 GridView 控件 中 只 需 增加 一 个 按 
钮 ， 并 为 被 选择 的 行 设置 样式 。 作 为 子 表 的 GridView 只 需 将 控件 作为 提供 查 
询 条件 的 控件 即 可 。 

(3) 在 不 同 网 页 中 进行 同步 时 ， 作 为 子 表 的 网 页 应 该 利用 方法 
获取 从 父 表 传 来 的 同步 参数 。 

2. 选择 题 

(1) 当 进 行 父 / 子 表 之 间 的 同步 时 ， 父 表 与 子 表 记录 之 间 常 常 是 一 种 的 


A. 多 对 多 B. 一 对 多 C. 一 对 一 D. 多 对 一 
(2) 下 面 是 在 文件 系统 网 站 中 父 表 网 页 发 出 的 同步 指令 。 其 中 带 下 划 线 的 部 分 代 
表 5 
http://localhost:3018/Websitel/Default2.aspx?Category=2 
A. 返回 的 数据 B. 打开 的 新 网 页 
C. 传 来 的 参数 D. B+C 
3. 判断 题 
(1) 当 两 张 表 需 要 同步 时 ， 两 张 表 中 都 必须 有 同步 字段 。 同 步 字段 的 名 字 可 以 不 同 ， 
但 类 型 必须 相同 。 ( ) 


(2) 利用 下 拉 列 表 框 提供 条 件 进行 查询 时 ， 下 拉 列 表 框 与 GridView 控件 可 以 共用 一 
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个 数据 源 控件 。 © ) 
G) 在 同一 个 网 页 进行 同步 时 ， 两 个 GridView 控件 可 以 共用 一 个 数据 源 控件 。 
( ) 
4. 简 答题 


(1) 为 什么 说 数据 查询 是 使 用 得 最 多 的 操作 ? 

(2) 简 述 在 对 不 同 网 页 的 数据 表 实 现 同 步 时 ， 作 为 父 表 应 做 哪些 设置 。 

(3) 简 述 在 对 不 同 网 页 的 数据 表 实 现 同 步 时 ， 子 表 如 何 获取 父 表 传 来 的 参数 。 

5. 操作 题 

(1) 设计 一 个 简单 的 查询 网 页 。 要求 从 下 拉 列 表 框 控件 中 提供 查询 条 件 ， 用 
GridView 控件 显示 查询 结果 。 

(2) 设计 一 个 多 条 件 选择 查询 的 网 页 。 

(3) 设计 一 个 组 合 查询 网 页 ， 允 许 在 输入 缺 项 的 情况 下 ， 仍 能 够 正常 查询 。 

(4) 设计 一 个 组 合 查询 的 网 页 ， 要 求 设 置 多 个 查询 条 件 ， 条 件 之 间 包 括 “ 与 ”和 

“或 ”关系 。 

(5) 将 Northwind 样板 库 中 的 Categories 作为 父 表 ，Products 作为 子 表 ， 在 同一 网 页 
中 实现 父 / 子 表 之 间 的 同步 。 

(6) 将 Northwind 样板 库 中 的 Categories 作为 父 表 ，Products 作为 子 表 ， 在 不 同 网 页 
之 间 实 现 父 / 子 表 之 间 的 同步 。 


第 14 章 ”编辑 数据 表 


随 着 情况 的 发 展 和 变化 ， 数 据 表 中 的 某 些 数据 必然 需要 做 相应 的 改变 。 改 变数 据 的 操 
作 不 外 乎 增 、 删 、 改 数据 三 种 (“ 改 ”有 时 又 称 为 “更 新 ”)。 将 这 三 种 操作 归结 为 “ 编 
辑 ” 工 作 。 如 何 设 计 对 数据 表 的 编辑 程序 ， 是 应 用 程序 设计 中 不 可 缺少 的 部 分 。 
本 章 将 讲解 对 数据 表 编 辑 的 设计 方法 。 在 本 章 中 将 要 讲解 的 内 容 包括 以 下 几 个 方面 : 
@ ”数据 表 编 辑 的 SQL 语句 。 
使 用 GridView 控件 更 新 数据 表 。 
使 用 GridView 控件 的 列 模板 。 
使 用 GridView 控件 增添 记录 。 
使 用 DetailsView 控件 。 


14.1 数据 表 编 辑 的 SQL 语句 


数据 表 的 编辑 工作 都 是 利用 SQL 语句 进行 的 。SQL 语句 最 基本 的 格式 如 下 。 

(1) 增添 记录 的 语句 : 

INSERT INTO 表 名 

(字段 名 1， 字段 名 2..) VALUES ( 待定 参数 1， 待定 参数 2..) 

插入 新 记录 时 ， 新 记录 中 各 字段 的 值 由 各 个 相应 的 待定 参数 指定 。 在 SQL Server 数 
据 库 中 ， 待 定 参数 通常 都 采用 “@ 人 参数 名 ”的 形式 。 

(2) 删除 记录 的 语句 : 

DELETE 表 名 

Where ( 关键 字 = 待定 参数 ) 

语句 表明 需要 删除 一 条 关键 字 的 字段 等 于 待定 参数 的 记录 。 

(3) 修改 (更 新 ) 记 录 的 语句 : 

UPDATE 表 名 

SET 字段 名 1 = 待定 参数 1， 字段 名 2 = 待定 参数 2，.… 

Where ( 关键 字 = 待定 参数 ) 

语句 表明 需要 修改 一 条 关键 字 等 于 待定 参数 的 记录 ， 各 字段 修改 后 的 值 由 相应 的 待定 
参数 (待定 参数 1、 待 定 参数 2 等 ) 指 定 。 

(4) 执行 SQL 命令 的 方法 : 

在 ASPNET 的 应 用 程序 中 ， 通 过 命令 组 件 调 用 相应 的 方法 来 执行 SQL 命令 。 这 些 方 
法 如 下 。 

@ ”ExecuteNonQuery0 方 法 : 用 于 执行 更 新 、 增 添 或 删除 数据 表 中 的 记录 ， 执 行 后 

不 返回 执行 结果 。 
@ ExecuteReader0 方 法 : 用 于 执行 查询 操作 ， 并 将 查询 结果 返回 给 只 读 对 象 
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DataReader。 
@ ”ExecuteScalar0 方 法 : 用 于 执行 查询 操作 ， 但 只 返回 查询 结果 的 第 一 条 记录 。 


14.2 ”使 用 GridView 控件 更 新 数据 表 


在 网 页 中 ， 能 否 允 许 对 数据 表 进行 编辑 ， 取 决 于 以 下 儿 方 面 。 

e@ ”是 否 允许 访问 包括 数据 表 的 网 页 。 这 个 问题 将 在 第 18 章 中 讲述 。 

e ”数据 库 和 表 是 否 给 操作 者 赋予 了 编辑 的 权限 。 

e 在 被 编辑 的 数据 表 中 是 否 确定 了 关键 字 。 

只 有 上 述 条 件 全 部 满足 时 ， 才 能 对 数据 表 进行 编辑 。 

修改 (更 新 ) 数 据 表 的 具体 步骤 如 下 。 

(1) 网 页 中 放 入 GridView 控件 。 通 过 数据 源 控件 与 数据 库 连接 。 

(2) 当选 择 好 数据 表 以 及 相关 字段 以 后 ， 单 击 【 高 级 】 按 钮 ， 如 图 14.1 所 示 。 

这 里 提供 了 两 个 复 选 框 。 选 中 第 一 个 复 选 框 时 ， 系 统 将 自动 产生 增加 (Insert)、 更 新 
(Update) 和 删除 (Delete) 的 SQL 语句 ;选择 第 二 个 复 选 框 时 ， 有 助 于 防止 由 于 同时 对 数据 
表 进 行 更 新 和 删除 而 并 发 的 冲突 。 

G) 回 到 GridView 控件 并 打开 数据 源 控件 ， 在 弹出 的 对 话 框 中 将 看 到 【启用 编辑 】 
与 【启用 删除 】 等 选项 ， 如 果 选 中 这 些 复 选 框 ， 系 统 将 在 GridView 控件 中 显示 出 相应 的 
按钮 (如 【编辑 】、【 删 除 】 按 钮 等 )， 如 图 14.2 所 示 。 


第 让 各 同 从 小 和 库 中 检索 业 加? 
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14.1 通过 【高 级 】 按 钮 设置 SQL 编辑 语句 14.2 启用 编辑 和 删除 选择 


现在 打开 【 源 】 视 图 ， 就 可 以 看 到 系统 不 仅 已 经 生成 了 编辑 数据 表 的 SQL 语句 ， 同 
时 还 生成 了 参数 赋值 的 语句 。 代 码 如 下 。 


<asp:SqlDataSource ID="SqlDataSourcel" Runat="server" 

DeleteCommand= 

<!-- 删 除 命令 --> 
"DELETE FROM [Products] WHERE [ProductID] = Q@original ProductID AND 
[ProductName] = @original ProductName AND [CategoryID] = 
Qoriginal CategoryID AND [QuantityPerUnit] = @original QuantityPerUnit 
AND [UnitPrice]l = Qoriginal UnitPrice" 

<!-- 增 加 命令 --> 


InsertCommand="INSERT INTO [Products] ([ProductName], [CategoryID], 
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[QuantityPerUnit], [UnitPrice]) VALUES (@ProductName, @CategoryID, 
ouantityPerUnit， UnitPrice)" 

<!- -显示 命令 --> 

SelectCommand="SELECT [ProductID], [ProductName], [CategoryID], 
[QuantityPerUnit], [UnitPrice] FROM [Products]" 

<!-- 更 新 命令 --> 

UpdateCommand="UPDATE [Products] SET [ProductName] = @ProductName, 
[CategoryID] = @CategoryID, [QuantityPerUnit] = @QuantityPerUnit, 
[UnitPrice] = @UnitPrice WHERE [ProductID] = @original ProductID AND 
[ProductName] = Qoriginal ProductName AND [CategoryID] = 
Qoriginal CategoryID AND [QuantityPerUnit] = 
Qoriginal QuantityPerUnit AND [UnitPrice] = @original UnitPrice" 


Connectionstring="<%$ Connectionstrings:AppConnectionstringl %>" 

ConflictDetection="CompareAllValues"> 

<!-- 删 除 命令 中 的 参数 --> 

<DeleteParameters> 
<asp:Parameter Type="Int32" Name="ProductID"></asp:Parameter> 
<asp:Parameter Type="String" Name="ProductName"></asp:Parameter> 
<asp:Parameter Type="Int32" Name="CategoryID"></asp:Parameter> 
<asp:Parameter Type="String" Name="QuantityPerUnit"></asp:Parameter> 
<asp:Parameter Type="Decimal" Name="UnitPrice"></asp:Parameter> 

</DeleteParameters> 

<!-- 更 新 命令 中 的 参数 --> 

<UpdateParameters> 
<asp:Parameter Type="String" Name="ProductName"></asp:Parameter> 
<asp:Parameter Type="Int32" Name="CategoryID"></asp:Parameter> 
<asp:Parameter Type="String" Name="QuantityPerUnit"></asp:Parameter> 
<asp:Parameter Type="Decimal" Name="UnitPrice"></asp:Parameter> 
<asp:Parameter Type="Int32" Name="ProductID"></asp:Parameter> 

</UpdateParameters> 

<!-- 增 加 命令 中 的 参数 --> 

<InsertParameters> 
<asp:Parameter Type="String" Name="ProductName"></asp:Parameter> 
<asp:Parameter Type="Int32" Name="CategoryID"></asp:Parameter> 
<asp:Parameter Type="String" Name="QuantityPerUnit"></asp:Parameter> 
<asp:Parameter Type="Decimal" Name="UnitPrice"></asp:Parameter> 

</InsertParameters> 

</asp:SqlDatasource> 


(4) 运行 程序 后 单 击 【 编 辑 】 按 钮 时 ， 各 个 字段 的 值 上 出 现 TextBox 控件 ， 以 便 填 入 
新 数据 。 原 来 的 【编辑 】 按 钮 此 时 也 变 成 了 【更 新 】 和 【取消 】 两 个 按钮 ， 如 图 14.3 所 示 。 


编辑 
rr [skr | sf lm | 
Er | hh si | 
E 


3 


14.3 ”编辑 字段 
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(5) 在 各 个 TextBox 控件 中 填 完 新 数据 后 ， 若 单 击 【 更 新 】 按 钮 将 完成 更 新 工作 ;， 若 
单 击 【 取 消 】 按 钮 ， 则 此 次 的 更 新 作废 ， 恢 复原 状 。 

如 果 只 希望 修改 某 些 字段 而 不 是 修改 全 部 字段 时 ， 还 需 另 外 修改 或 增加 一 些 设置 。 例 
如 只 允许 更 新 “单价 ”字段 ， 显 示 的 界面 如 图 14.4 所 示 。 为 了 实现 只 对 “单价 ”的 更 
新 ， 需 要 增加 以 下 设置 。 


篇 辑 产品 ID| 产 品名 | 类 型 ID | 单元 数 时 单价 
[| 
Cn ED | 


Err za 7 EZ 


图 14.4 ”编辑 部 分 字段 


@ 在 字段 属性 中 将 除 单价 (UnitPrice) 以 外 的 各 字段 的 ReadOnly 属性 设置 为 True。 
@ 打开 【 源 】 视 图 ， 修 改 相关 的 SQL 命令 。 修 改 后 的 更 新 语句 如 下 。 


UpdateCommand="UPDATE [Products] SET [UnitPrice] = @UnitPrice 
WHERE [ProductID] = @original ProductID " 


14.3 使 用 GridView 控件 的 列 模板 


通过 对 GridView 控件 中 列 (Columns) 属 性 的 设置 ， 可 以 改变 控件 显示 的 格式 ， 还 可 以 
增添 新 功能 。 例 如 ， 可 以 在 GridView 控件 中 增加 按钮 ， 为 字段 的 更 新 增加 校 验 功能 ， 显 
示 各 记录 的 图 片 等 。 下 面 将 分 别 讲述 这 些 功 能 的 实现 方法 。 

默认 情况 下 ，GridView 控件 总 是 按照 数据 源 的 结构 显示 数据 。 例 如 ， 数 据 源 中 的 数 
据 表 (DataTable) 中 包含 4 个 字段 ，20 条 记录 。 在 GridView 的 对 象 中 也 将 显示 同样 的 字段 
和 记录 ， 而 且 表 中 的 字段 名 与 数据 源 的 名 字 也 相同 。 


14.3.1 选择 显示 的 字段 


若 想 改变 列 的 显示 格式 时 ， 可 按 以 下 方法 进行 。 
(1) 打开 GridView 控件 的 【属性 】 对 话 框 ， 单 击 【 列 】 属 性 右边 的 省 略 号 按钮 ， 弹 
出 如 图 14.5 所 示 的 对 话 框 。 


14.5 设置 GridView 的 列 属性 
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(2) 取消 选中 【自动 生成 字段 】 复 选 框 。 如 果 不 取消 选中 这 个 复 选 框 ， 当 按照 下 面 的 
方法 增加 新 字段 时 ，GridView 控件 中 将 会 出 现 重 复 的 字段 。 

(3) 在 【所 选 字 段 】 列 表 框 中 逐个 选择 字段 ， 并 在 右边 【行为 】 卷 展 栏 中 分 别 将 列 标 
题 (HeaderText) 改 用 中 文 标题 。 


14.3.2 ”增添 按钮 


展开 【可 用 字段 】 列 表 框 中 的 CommandField， 下 面 显示 【编辑 】、【 更 新 】、【 取 
消 】、【 选 择 】、【 删 除 】 儿 组 按钮 。 根 据 需 要 可 以 将 这 些 按钮 添加 到 下 面 的 【所 选 字 
段 】 列 表 框 中 。 图 14.6 就 是 将 【编辑 】、【 更 新 】”、【 取 消 】 按 钮 增加 进来 后 的 情况 。 

单 击 这 个 新 增加 的 按钮 ， 然 后 在 右上 方 的 列表 框 中 设置 属性 。 例 如 填写 栏 名 
(HeaderText)， 将 英文 显示 改 用 汉字 。 


14.3.3 ”使 用 模板 列 


当 将 某 列 转换 成 模板 列 时 ， 就 意味 着 可 以 为 该 列 设置 多 种 不 同 的 状态 (例如 被 选择 状 
态 、 编 辑 状态 等 )， 并 为 不 同 的 状态 增添 控件 和 方法 。 

转换 的 方法 是 ， 先 选择 某 一 列 名 ， 然 后 单 击 对 话 框 右 下 角 的 【将 此 字段 转换 为 
TemplateField】， 在 图 14.6 所 示 的 对 话 框 中 即 可 将 该 列 转换 成 模板 列 ， 然 后 在 模板 列 的 不 
同 状 态 中 增加 控件 和 方法 。 


14.6 ”增添 按钮 
下 面 利 用 一 张 雇员 表 (gyb) 来 说 明 设置 方法 ， 表 格 的 结构 与 内 容 如 图 14.7 所 示 。 


14.7 雇员 表 
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1. 准备 工作 

(1) 在 窗 体 页 中 放 入 GridView 控件 ， 建 立 与 数据 库 的 连接 。 

(2) 通过 GridView 控件 的 Columns 属性 设置 模板 ， 并 分 别 将 各 字段 (关键 字 bh 字段 
例外 ) 转 换 为 TemplateField， 如 图 14.8 所 示 。 

2. 为 姓名 字段 设置 模板 

(1) 右 击 GridView 控件 右上 方 的 小 箭头 [器 ， 并 在 弹出 的 窗口 中 选择 【编辑 模板 】 命 
令 ， 将 弹出 各 模板 的 编辑 模式 列 ， 情 况 如 图 14.9 所 示 。 


EE 3 


可 用 于 成 风 ); 


mageftele 属性) 


a 
Gridyienl - Colun[2] -xm 


esTeslate 


[Labell] 


图 14.8 设置 模板 


14.9 ”模板 的 编辑 模式 


(2) 选择 Column[2] - xm 的 ItemTemplate 模板 ， 在 弹出 的 窗口 中 [Labell] 控 件 的 右 方 


增加 校 验 控件 (RequiredFieldValidator)。 选 择 编辑 DataBindings 数据 绑 定 项 ， 按 照 图 14.10 
的 界面 进行 设置 。 


Te 
Gridyiew! ~ Colwmn[2] ~ xm 器 
tenT on asprequredield. FRequredField., 

| | [Cabell edire dr il al | Lea 


ReguiredFieldyalidatorl Datapi 


ngs 
SqlDst| 远近 要 几 定 到 的 屡 性 ， 类 后 可 通过 过 近 字 和 未 才 定 它 。 也 可 使 用 自 定义 代码 表达 式 几 定 它 , 
可 岂 定 层 性 中 ); 
[ET 


为 Text 绑 定 
EP 加 字段 履 定 @): 
苛 Taxt 
| 略 Visible Me: 
格式 但 ): 
示例 久 ): 


〇 自 定义 堵 定 @): 


14.10 ”ltemTemplat 模板 的 数据 绑 定 界面 
(3) 给 RequiredFieldValidator 控件 设置 其 他 属性 。 
此 时 控件 的 Text 与 xm 字段 进行 单 向 绑 定 ， 在 代码 表达 式 中 将 显示 出 Eval("xm'")。 
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际 的 数据 绑 定 语句 是 : 
Text="<%# Eval ("xm") $%>" 
(4) 选择 EditItemTemplate 模板 ， 并 在 模板 的 TextBox 控件 右 端 放 入 RequireValidator 
控件 ， 并 将 校 验 对 象 指向 TextBox， 并 且 按 照 要 求 写 出 当 出 现 错误 时 的 提示 信息 。 
(5) 将 控件 的 Text 与 xm 字段 进行 双向 绑 定 ， 情 况 如 图 14.11 所 示 。 在 代码 表达 式 中 
将 显示 出 Bind("xm")。 实 际 的 数据 绑 定 语句 是 : 
Text='<%# Bind ("xm") %>' 


ep re re 


属性 四 为 Text 时 

Ilet OF 
垢 让 到 国 ): 
可 式 四 : 
TB 


〇 和 室 % 闻 宝 世 )- 
OBR 


Prac 


图 14.11 EdittemTemplat 模板 的 数据 绑 定 
3. 为 性 别 字段 设置 模板 


在 图 14.9 所 示 的 菜单 中 选择 【 Column[3]-xb 】， 然 后 在 编辑 模板 中 增加 
RadioButtonList 和 RequiredValidator 控件 ， 对 性 别 的 编辑 进行 校 验 。 情 况 如 图 14.12 所 
示 ， 其 方法 与 对 姓名 的 设置 基本 相同 ， 这 里 不 再 重复 。 


[rr 


[EditemTemplate, 
Be E 
LC5 男 C 女 ona | 
坟 挥 着 所 i 
三- 
HeaderTemolate 护 可 项 
| 证 启用 s» | 本 


Footer Temolate 


图 14.12 ”给 年 龄 的 输入 增加 校 验 功能 
4. 为 年 龄 字段 设置 模板 
(1) 在 图 14.9 所 示 的 菜单 中 选择 【Column[4]-age】。 
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(2) 在 ItemTemplate 模板 中 放 入 Label 控件 ， 右 击 该 控件 后 ， 选 择 【 属 性 】 命 令 ， 然 
后 将 其 ID 属性 取 名 为 Label3。 

(3) 在 EditttemTemplate 模板 中 放 入 TextBox 及 RangeValidator 控件 ， 将 其 
MaxmumValue 属性 设置 为 65， 将 其 MinimumValue 属性 设置 为 18， 将 类 型 设置 为 
Integer， 将 校 验 对 象 指向 TextBox， 并 且 按 照 要 求 改 写 出 现 错误 时 的 提示 信息 。 

(4) 按照 前 面 讲述 的 方法 将 输入 窗口 的 Text 属性 绑 定 在 age 字段 上 。 

此 时 在 【 源 】 视 图 中 模板 的 代码 如 下 。 

<asp:TemplateField SortExpression="age"” HeaderText=" 年 龄 "> 

<EditItemTemplate> 
<asp:TextBox Runat="server" Text='<$%# Bind("age") $%>' ID="TextBox3" 
Width="60px"></asp:TextBox> 
<asp:RangeValidator ID="RangeValidatorl" Runat="server" 
ErrorMessage=" 年 龄 需 在 18 岁 到 65 岁 之 间 " 
ControlToValidate="TextBox3" MaximumValue="65" MinimumValue="18" 
Type="Integer"> 
</asp:RangeValidator> 
</EditItemTemplate> 
<ItemTemplate> 
<asp:Label Runat="server" Text="'<S%# Bind("age") %>" 
ID="Label3"></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 


5. 为 照片 字段 设置 模板 

这 里 介绍 的 是 另 一 种 显示 图 像 的 方法 ， 即 通过 模板 显示 图 像 。 具 体 步 又 如 下 。 

(1) 在 图 14.9 所 示 的 菜单 中 选择 【Column[4]-age】。 

(2) 在 ItemTemplate 模板 中 放 入 Image 控件 ， 右 击 该 控件 后 ， 选 择 【 属 性 】 命 令 ， 然 
后 将 其 AltemateText 属性 设置 为 “没有 提供 图 片 ”。 

(3) 按照 前 面 讲述 的 方法 实施 数据 绑 定 ， 将 ImageUrl 属性 与 ImagePath 字段 绑 定 ， 如 
图 14.13 所 示 。 此 时 将 出 现 以 下 数据 绑 定 的 语句 。 

ImageUrl="'<%# Bind("ImagePath") $%>"' 


此 时 在 【 源 】 视 图 中 看 到 模板 的 代码 如 下 。 


<asp:TemplateField SortExpression="ImagePath" HeaderText=" 照 片 "> 


<EditItemTemplate> 
<asp:TextBox Runat="server" Text="'<%# Bind("ImagePath") $%>" 
ID="TextBox4"> 
</asp:TextBox> 
</EditItemTemplate> 
<ItemTemplate> 
<asp:Image ID="Imagel" Runat="server" ImageUrl="'<%# Bind("ImagePath") 
多 > /> 
</ItemTemplate> 


</asp:TemplateField> 
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Widview! - Coumn[5] - Imagef ETT EE 


图 14.13 编辑 照片 模板 
(4) 经 过 上 面 的 设置 后 运行 的 界面 如 图 14.14 所 示 。 


14.14 ”通过 模板 显示 图 像 
其 中 在 编辑 模板 中 的 设置 只 有 在 编辑 数据 时 才 会 显示 出 来 。 


14.4 ”使 用 GridView 控件 增添 记录 


如 前 所 述 ， 在 配置 GridView 控件 的 数据 源 控件 时 单 击 【 高 级 】 按 钮 就 会 自动 生成 
Insert、Update 和 Delete 的 SQL 编辑 语句 ， 并 且 给 出 各 种 参数 类 型 的 语句 。 其 中 有 关 
Insert 的 SQL 语句 如 下 。 

InsertCommand="INSERT INTO [gyb] ([xm], [xb], [age]， [phone], 


[ImagePath]) 
VALUES (@xm, @xb, Qage, @phone, @ImagePath)" 


相应 的 参数 类 型 语句 如 下 。 


<InsertParameters> 
<asp:Parameter Type="String" Name="xm"></asp:Parameter> 
<asp:Parameter Type="String" Name="xb"></asp:Parameter> 
<asp:Parameter Type="Int32" Name="age"></asp:Parameter> 
<asp:Parameter Type="String" Name="phone"></asp:Parameter> 
<asp:Parameter Type="String" Name="ImagePath"></asp:Parameter> 
</InsertParameters> 


如 果 需 要 在 数据 表 中 增添 新 记录 ， 则 需要 在 前 面 步骤 的 基础 上 ， 再 补充 以 下 步骤 。 
(1) 在 窗 体 中 增添 几 个 输入 框 (例如 增加 了 5 个 TextBox)。 
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(2) 在 GridView 控件 中 增添 一 个 按钮 ， 并 将 该 按钮 的 CommandName 属性 命名 为 


insert。 
(3) 双击 RowCommand 事件 ， 书 写 代码 给 待定 参数 赋值 。 代 码 如 下 。 


void GridView]l RowCommand (object sender, GridViewCommandEventArgs e) 
{ 
if (e.CommandName == "insert") 


{ 


SqlDataSourcel.InsertParameters.Clear (); 
SqlDataSourcel.InsertParameters.Add ("xm", TextBoxl .Text); 
SqlDataSourcel.InsertParameters.Add ("xb", TextBox2.Text); 
SqlDataSourcel.InsertParameters.Add ("age", TextBox3.Text); 
SqlDataSourcel.InsertParameters.Add ("phone", TextBox4.Text); 
SqlDataSourcel .InsertParameters.Add ("ImagePath", 

TextBox5 .Text) 7 
SqlDataSourcel.Insert () 7 


} 
这 里 的 语句 中 参数 都 采用 string 类 型 。 即 


SqlDataSourcel.InsertParameters.Add (string， String) 7 


注意 ; 数据 表 中 的 bh 字段 是 自动 增加 的 关键 字段 ， 增 加 新 记录 时 不 需要 赋值 。 


14.5 ”使 用 DetailsView 控件 


DetailsView 是 ASPNET 3.5 提供 的 一 个 新 控件 ， 和 GridView 控件 一 样 都 继承 于 类 库 
中 的 CompositeDataBoundControl 类 ， 因 此 它们 之 间 有 很 多 共性 。DetailsView 控件 也 可 以 
通过 数据 源 控件 连接 到 数据 库 ， 并 且 也 能 够 对 数据 表 的 记录 进行 插入 、 编 辑 或 删除 操作 。 
与 GridView 控件 的 最 大 不 同 点 是 ，GridView 是 一 个 面向 记录 集合 的 控件 ， 而 DetailsView 
是 一 个 面向 单条 记录 的 控件 。 在 DetailsView 控件 的 界面 中 每 次 只 显示 一 条 记录 ， 而 且 内 
容 按照 垂直 方式 进行 排列 。 在 查询 中 如 果 有 多 条 记录 符合 要 求 时 ， 可 以 事先 利用 类 似 于 设 
置 分 页 的 方法 进行 设置 ， 即 将 DatailsView 控件 的 
AllowPaging( 允 许 分 页 ) 属 性 设 为 tue， 然 后 逐条 记录 浏览 
结果 。 

将 DatailsView 控件 结合 GridView 或 者 DropDownList 
使 用 时 ， 该 控件 非常 适合 于 作为 子 表 进行 同步 。 

利用 DetailsView 控件 增添 (Insert) 记 录 时 特别 方便 ， 因 
为 它 不 需要 另外 增加 输入 框 。 

现在 以 Category( 父 表 ) 和 Products( 子 表 ) 同 步 为 例 ， 用 
GridView 显示 父 表 ， 用 DetailsView 来 显示 子 表 。 两 表 同 
步 的 结果 如 图 14.15 所 示 。 代 码 如 下 。 


<%@ Page Language="C#" $> 


选择 | 类 型 ID| 类 型 名 


14.15 ”利用 DetailsView 控件 


第 14 章 编辑 数据 表 221 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.o0rg/TR/xhtml11/DTD/xhtmll1l .dtd"> 
<script runat="server"> 
</script> 
<html xmlns="http://www.w3.0rg/1999/xhtml" > 
<head runat="server"> 
<title>Untitled Page</title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<!-- 下 面 是 GridView 部 分 ( 父 表 )--> 
<asp:GridView ID="GridViewl" Runat="server 
DataSourceID="SqlDataSourcel" DataKeyNames="CategoryID" 
AutoGenerateColumns="False" AllowPaging="True" 
PageSize="3"> 
<Columns> 
<asp:CommandField HeaderText=" 选 择 " ShowSelectButton="True" 
SelectText=" 选 择 "> 
</asp:CommandField> 
<asp:BoundField Readonly="True"” HeaderText=" 类 型 ID" 
InsertVisible="False" DataField="CategoryID" SortExpression="CategoryID"> 
</asp:BoundField> 
<asp:BoundField HeaderText=" 类 型 名 " DataField="CategoryName" 
SortExpression="CategoryName"> 
</asp:BoundField> 
</Columns> 
</asp:GridView> 
<! 一 生成 GridsView 的 数据 源 控件 人 
<asp:SqlDataSource ID="SqlDataSourcel" Runat="server" 
SelectCommand="SELECT [CategoryID], [CategoryName] FROM [Categories]" 
Connectionstring="<%$ Connectionstrings:AppConnectionstringl $%>"> 
</asp:SqlDataSource> 
<!-- 下 面 是 DetailView ( 子 表 ) 部 分 --> 
<asp:DetailsView ID="DetailsViewl"” Runat="server" DataSourceID="SqlDataSource2" 
DataKeyNames="ProductID" 
AutoGenerateRows="False" AllowPaging="True" > 
<Fields> 
<asp:BoundField Readonly="True” HeaderText=" 产 品 ID" 
InsertVisible="False" DataField="ProductID" 
SortExpression="ProductID"> 
</asp:BoundField> 
<asp:BoundField HeaderText=" 产品 名 " DataField="ProductName" SortExpression= 
"ProductName"> 
</asp:BoundField> 
<asp:BoundField HeaderText=" 类 型 ID” DataField="CategoryID" SortExpression= 
"CategoryID"> 
</asp:BoundField> 
<asp:BoundField HeaderText-" 单 元 数量 " DataField="QuantityPerUnit" 
SortExpression="QuantityPerUnit"> 
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</asp:BoundField> 
<asp:BoundField HeaderText=" 单 价 " DataField="UnitPrice" SortExpression= 
"UnitPrice"> 
</asp:BoundField> 
</Fields> 
</asp:DetailsView> 
<! 一 生成 DetailsView 的 数据 而 守 件 -> 
<asp:SqlDataSource ID="SqlDataSource2" Runat="server" SelectCommand="SELECT 
[ProductID], [ProductName], [CategoryID], 
[QuantityPerUnit], [UnitPrice] FROM [Products] 
WHERE ([CategoryID] = @CategoryID)" 
Connectionstring="<%$ ConnectionStrings:RppConnectionStringl %>"> 
<! 一 自动 生成 参数 的 类 型 --> 
<SelectParameters> 
<asp:ControlParameter Name="CategoryID"”DefaultValue="1"” Type="Int32" 
ControlID="GridViewl" PropertyName="SelectedValue"> 
</asp:ControlParameter> 
</SelectParameters> 
</asp:SqlDataSource> 
</div> 
</form> 
</body> 
</html> 


代码 中 已 经 分 别 说 明了 它们 的 作用 。 总 的 来 说 ， 代 码 的 前 半 部 分 是 有 关 GridView 的 
代码 ， 后 半 部 分 是 DetailsView 的 代码 。 每 个 显示 控件 使 用 自己 的 数据 源 控件 。 在 
GridView 控件 中 使 用 了 选择 按钮 。 在 DetailsView 控件 中 用 查询 方法 取得 同步 ， 但 每 次 只 
显示 一 条 记录 ， 如 果 将 DetailsView 控件 的 AllowPaging 属性 设 为 True， 在 控件 的 下 面 将 
出 现 分 页 标志 ， 利 用 这 些 标 志 可 以 查看 其 他 同步 记录 。 

下 面 说 明 利 用 DetailsView 控件 进行 插入 记录 的 操作 ， 这 一 点 比 GridView 方便 得 多 。 
当 通 过 数据 源 控件 设置 了 “编辑 ”操作 后 ， 控 件 下 方 会 出 现 Edit、Delete、New 编辑 按 
钮 。 若 单 击 New( 插 入 ) 按 钮 时 将 弹出 新 的 界面 ， 界 面 中 显示 除 关键 字 ( 产 品 了 DP) 以 外 的 输入 
框 ， 此 时 的 New 按钮 变 成 了 Insert 和 Cancel 两 个 按钮 。 在 输入 框 中 填 入 新 数据 后 若 单 击 
Insert 按钮 就 完成 了 插入 新 记录 的 工作 。 若 单 击 Cancel 按钮 则 将 插入 记录 的 操作 作废 。 界 
面 如 图 14.16 所 示 。 


14.16 ”利用 DetailsView 控件 进行 编辑 
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14.6 小 结 


数据 表 的 编辑 是 利用 SQL 语句 进行 的 。 在 配置 数据 源 控件 的 过 程 中 ， 若 单 击 【 高 
级 】 按 钮 ， 系 统 就 会 自动 生成 SQL 的 增 、 删 、 改 的 语句 ， 以 及 参数 类 型 的 语句 。 更 新 数 
据 时 只 需要 在 弹出 的 输入 框 中 填 入 数据 ， 然 后 单 击 【 更 新 】 按 钮 。 实 际 应 用 中 常常 只 允许 
更 新 部 分 字段 的 数据 。 为 了 实现 这 一 功能 需要 做 两 方面 的 工作 : 在 GridView 控件 的 字段 
编辑 中 将 不 允许 更 新 的 字段 的 ReadOnly 属性 设 为 tue; 在 SQL 的 Update 命令 中 删除 不 允 
许 更 新 的 字段 。 

模板 在 GridView 控件 中 具有 很 强 的 功能 ， 在 这 里 可 以 增加 编辑 时 的 校 验 功能 以 及 其 
他 功能 。 

DetailsView 控件 是 基于 单条 记录 的 控件 ， 而 且 通 常 按照 垂直 方式 来 显示 记录 。 
DetailsView 可 以 单独 使 用 ， 也 可 以 与 其 他 控件 配合 使 用 。 当 与 其 他 控件 配合 使 用 时 非常 
适合 于 承担 子 表 的 任务 。 利 用 DetailsView 编辑 记录 很 方便 ， 特 别 是 用 于 增添 记录 时 ， 会 
自动 弹出 输入 框 而 不 需要 附加 其 他 控件 。 


14.7 习 题 


1. 选择 题 
(1) 在 配置 GridView 控件 的 SqlDataSource 数据 源 控件 过 程 中 ， 单 击 【高 级 】〗】 按 钮 
的 目的 是 。 
A.， 打开 其 他 对 话 框 B. 输入 新 参数 
C.， 生成 SQL 编辑 语句 D.， 优化 代码 
(2) 在 配置 GridView 的 SqlDataSource 数据 源 控件 过 程 中 ， 单 击 【 高 级 】 按 钮 后 新 
打开 的 对 话 框 中 的 选项 显示 无 效 ， 这 常常 是 因为 。 


A. 不 能 输入 参数 B. 不 能 返回 数据 
C. 不 能 优化 代码 D.， 数据 表 中 缺少 关键 字段 
(3) GridView 列 模板 的 作用 是 . . 
A.、， 增加 功能 B. A+C 
C. 改善 数据 表 的 显示 D.， 定义 列 格式 
2. 判断 题 
(1) GridView 是 一 个 面向 记录 集合 的 控件 ， 而 DetailsView 是 一 个 面向 单条 记录 的 
控件 。 ( 3 
(2) 在 DetailsView 控件 中 不 能 显示 符合 条 件 的 多 条 记录 。 ED 


(3) 利用 DetailsView 控件 增添 记录 特别 方便 ， 因 为 不 需要 另外 增加 输入 框 。 (  ) 
3. 简 答题 


(1) 写 出 查询 、 插 入 、 更 新 、 删 除数 据 表 记录 的 SQL 基本 语句 。 
(2) 允许 对 数据 表 进行 编辑 的 必要 条 件 是 什么 ? 
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(3) 如 果 只 允许 对 数据 表 的 部 分 字段 进行 修改 ， 应 该 补充 哪些 设置 ? 

(4) 简 述 在 GridView 控件 中 实现 给 数据 表 增 添 记 录 的 设计 步骤 。 

4. 操作 题 

(1) 设计 一 个 程序 只 允许 修改 Northwind 样板 库 中 Products 数据 表 中 的 Price 字段。 

(2) 设计 一 个 用 GridView 控件 作为 父 表 ，DetailsView 控件 作为 子 表 的 同步 程序 。 同 
时 能 够 在 DetailsView 控件 中 对 数据 表 进行 编辑 (包括 增加 、 人 删除 和 修改 功能 )。 

(3) 自行 设计 一 学 生 基 本 情况 表 ( 包 括 学 号 、 姓 名 、 性 别 、 年 龄 、 照 片 等 字段 )， 用 
GridView 控件 显示 该 表 ， 并 且 通 过 列 模板 在 输入 或 修改 数据 时 进行 合法 性 验证 。 


第 15 章 《ListView 与 DataPager 控件 


ListView 是 ASPNET 3.5 提供 的 一 个 新 控件 ， 它 综合 了 原 有 一 些 控件 ， 如 
GridView、FormView、DataList、Repeater 等 的 某 些 特点 。 在 这 个 新 控件 中 大 量 使 用 了 模 
板 技术 ， 因 而 在 布局 方面 具有 非常 灵活 的 自 定 义 能 力 ， 非 常 适合 于 开发 那些 商品 外 观 十 分 
重要 的 电子 商务 ， 如 服装 、 花 卉 、 首 饰 等 网 上 商店 。 

DataPager 是 一 个 分 页 控件 ， 放 在 ListView 中 帮助 进行 分 页 工作 。 

在 本 章 中 ， 将 先 介绍 控件 中 使 用 的 模板 及 其 作用 ， 然 后 讲述 利用 这 些 模板 绑 定数 据 的 
方法 。 具 体 问题 包括 : 


ListView 控件 中 的 模板 。 
模板 中 绑 定 数据 的 方法 。 
用 网 格 方式 显示 数据 。 
用 平 铺 方 式 显示 数据 。 


15.1 ListView 控件 中 的 模板 


ListView 通过 模板 进行 布局 是 它 的 最 大 特点 和 优点 。 因 此 了 解 这 些 模板 的 作用 以 及 它 
们 之 间 的 关系 很 有 必要 。ListView 控件 中 使 用 的 模板 有 如 下 几 个 。 


ItemTemplate: 绑 定数 据 的 主 模板 。 用 来 定义 并 显示 各 数据 的 绑 定 项 。 
AlternatingItemTemplate: 在 连续 的 记录 中 区 别 交替 记录 的 模板 。 通 常情 况 下 ， 
交替 记录 的 模板 内 容 和 样式 相同 ， 只 是 底 色 有 所 区 别 。 

SelectedItemTemplate: 被 选中 记录 的 模板 。 

EmptyItemTemplate: 空 记录 模板 。 当 被 绑 定 的 数据 为 空 时 显示 的 模板 。 
ItemSeparatorTemplate: 数据 绑 定 项 之 间 显示 内 容 的 模板 。 

GroupTemplate: 分 组 布局 模板 。 

GroupSeparatorTemplate: 每 组 数据 绑 定之 间 显示 内 容 的 模板 。 

EditItemTemplate: 编辑 记录 模板 。 此 模板 与 ItemTemplate 模板 相 比 ， 主 要 有 两 个 
区 别 。 

”用 TextBox 控件 代替 Label 控件 。 

% ”用 <%#Bind("..…") %> 数 据 绑 定 语句 代替 <%#Eval(".…") %> 语 句 。 
InsertItemTemplate: 插入 新 记录 模板 。 其 特点 与 EditItemTemplate 相同 。 
LayoutTemplate: 用 于 布局 的 根 模板 。 模 板 中 只 包括 标签 (如 <table>、<tr>、<td> 
等 ) 和 占 位 符 。 其 占 位 符 的 位 置 将 被 其 他 模板 所 取代 。 代 码 如 下 : 


<table ID="groupPlaceholderContainer" runat="server"..> 


表示 这 里 的 占 位 符 将 被 分 组 模板 GroupTemplate 来 取代 。 


“table ID="itemPlaceholderContainer" runat="server"..> 
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表示 这 里 的 占 位 符 将 被 主 模板 ItemTemplate 来 取代 。 


在 此 模板 中 还 可 以 包括 一 个 DataPager 控件 ， 用 来 进行 分 页 。 
控件 中 ， 除 LayoutTemplate 与 IemTemplate 是 必需 的 以 外 ， 其 他 模板 都 是 可 以 选择 的 。 


15.2 ”模板 中 绑 定 数据 的 方法 


在 模板 中 进行 数据 绑 定 ， 需 要 用 到 系统 提供 的 Eval(“ 字 段 名 ”) 或 者 Bind(“ 字 段 
名 ”) 方 法 。Eval0 是 一 个 静态 方法 ， 不 管 字段 中 是 什么 数据 类 型 ， 它 总 是 返回 字符 串 ， 以 
便 在 网 页 中 显示 ， 使 用 时 不 必 关 心 数据 本 来 的 类 型 以 及 如 何 转换 。EvalO 只 能 用 于 数据 显 
示 控 件 的 模板 中 ，Eval0 方 法 必须 写 在 “<%#...%>” 的 标签 中 。 

Bind0 也 是 一 个 静态 方法 ， 与 Eval0 相 似 ， 它 们 都 可 以 从 数据 源 中 检索 数据 并 自动 转 
换 为 字符 串 。 不 同 的 是 ，Bind0 还 支持 双向 绑 定 。 所 谓 双向 绑 定 ， 就 是 除了 从 数据 源 获 取 
数据 外 ， 还 允许 客户 编辑 、 删 除 或 插入 数据 。 因 此 ， 如 果 希 望 实现 双向 绑 定 时 ， 就 应 该 使 
用 Bind0) 而 不 使 用 Eval0 方 法 。 

例如 :在 连接 数据 表 的 基础 上 使 用 <%# Eval("ProductName") %> 语句 将 返回 数据 表 中 
ProductName 字段 的 数据 : 使 用 <%# Bind("ProductName") %> 语句 也 将 返回 数据 表 中 
ProductName 字段 的 数据 。 前 一 条 语句 只 能 用 于 显示 ,后 一 条 语句 既 能 显示 ， 又 能 用 于 编辑 。 


15.3 用 网 格 方式 显示 数据 


15.3.1 设计 步骤 


具体 操作 步骤 如 下 。 
(1) 创建 数据 库 及 数据 表 ， 并 将 其 放置 于 App_Data 目录 下 。 假 定数 据 表 的 情况 如 
表 15.1 所 示 。 


表 15.1 数据 表 
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(2) 在 网 页 中 拖 入 ListView 控件 ， 通 过 数据 源 控件 (SqlDataSource) 连 接 到 数据 表 ， 连 
接 方 法 与 GridView 控件 相同 。 

(3) 在 ListView 任务 对 话 框 中 选择 【配置 ListView】 项 ， 打 开 【 配 置 ListView】 对 
话 框 ， 如 图 15.1 所 示 。 
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图 15.1 【配置 ListView】 对 话 框 


窗口 左边 包括 【选择 布局 】、【 选 择 样式 】 和 【选项 】 三 部 分 。 每 部 分 的 作用 如 下 。 
@ 【选择 布局 】 列 表 框 包括 如 下 选项 。 
8 ”网 格 : 以 表格 方式 显示 数据 ， 其 中 第 一 行 是 标题 ， 后 面 是 各 行 的 记录 。 
4 。 平 铺 : 用 “组 模板 ”的 平 铺 布局 显示 数据 ， 默 认 时 为 3 列 ( 即 GroupItemCount= 
"3"， 可 修改 )。 
e 项 目 符号 列表 : 数据 显示 在 项 目 符号 列表 中 ， 每 项 包括 所 有 的 字段 的 名 称 
和 值 。 
4 ， 流 : 以 div 元 素 的 流 布局 逐个 显示 。 每 项 包括 所 有 的 字段 名 称 和 值 。 
4 单行 : 所 有 数据 都 显示 在 一 行 的 表 中 。 
@ 【选择 样式 】 列 表 框 包括 4 项 选择 ， 每 当选 择 其 中 一 项 时 ， 右 边 的 列表 框 中 将 显 
示 出 该 项 选择 的 样式 。 
@ 【选项 】 选 项 组 中 的 【启用 编辑 】、【 启 用 插入 】 和 【启用 删除 】 等 项 ， 只 有 在 
配置 数据 源 控件 时 单 击 了 【高 级 】 按 钮 (生成 了 相应 的 SQL 语句 ) 时 ， 才 能 够 选 
择 ， 其 使 用 方法 与 GridView 控件 相同 。 选 中 【启用 分 页 】 复 选 框 时 ， 系 统 将 自 
动 在 ListView 控件 的 LayoutTemplate 模板 中 添加 一 个 DataPager 控件 ， 以 实现 分 
页 功能 。 然 后 再 在 下 面 的 下 拉 列 表 框 中 进一步 确定 导航 的 方法 。 


15.3.2 ”模板 代码 的 分 析 


如 果 按 照 图 15.1 所 示 选 择 了 【网 格 】、【 专 业 型 】、【 启 用 分 页 】 等 项 ， 生 成 的 模 
板 代 码 如 图 15.2 所 示 。 
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[一 <LayourTemplze> 
<table runat='server> 
tr mnat="server"> 
< un"server’> 
table ID="itemPlaceholderContainer" runat="server” border="1* 
Hy > 
runat="server style= “> 
th runat="server"> bh dfth> 
th runat=*server’> name <hh> 
< nanatrserva'> ge</ 人 b> 
th runat="server> Mdress<fh> 
th runat="server"> image th> 


布局 根 模板 一 > 
Ne 占 位 符 ,由 ltenTenplate 模 板 取代 
<hable> 


<hd> 
<hr> 
yr rina"server’> 

td runat="server” style=". "> 


Datapger ID="Datapagerl" rnd-="server > 
<Field> 分 页 控件 


<a NextPreviousPagarField ButtonType=" Button* ShowfirstPageButton=" True" 
ShowLastPageButton="True" /> 
WFidd> 
<laap DataPaga> 
cat> 

ch 
<hable> 
一 JUayouTemplate> 


图 15.2 网 格 模板 的 代码 
注意 : 用 表格 方式 显示 数据 时 ， 每 页 包括 10 条 记录 。 


<ItemTemplate> 
<tr style="."> 
<td> 
<asp:Label ID="bhLabel" runat="server" Text-' < Eval ("bh") > /> 
</td> 
<td> 
<asp:Label ID="nameLabel" runat="serVer" rext-, 国 : Eval ("name") 野 ， /> 
</td> 
<td> 
<asp:Label ID="ageLabel" runat="server" Text- < 时 Eval ("age") > /> 
</td> 
<td> 
<asp:Label ID="addressLabel" runat="server" Text=' < 
Eval ("address") > J 
</td> 
<td> 


<asp:Label ID="imageLabel" runat="server" Text= a Eval ("image") Ee 位 
</td> 


</tr></ItemTemplate> 
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现在 若 想 修改 某 些 代码 ， 例 如 : 


(1) 为 了 在 表格 中 将 标题 改 用 汉字 ， 需 在 布局 模板 中 将 <tr...>< 了 hb.….> 标 记 中 的 标题 改 
成 汉字 。 修 改 后 的 代码 如 下 。 


<td runat="server"> 
<table ID="itemPlaceholderContainer”ITunat="SerVer"”border="1" 


style= 
<tr runat="server" style="."> 
<th runat="server"> 编号 </th> 
<th runat="server"> 姓名 </th> 
<th runat="server"> 年 龄 </th> 
<th runat="server"> 地 址 </th> 
<th runat="server"> 图 像 </th> 
</tr> 
<tr ID="itemPlaceholder" runat="server"> 
</tr> 
</table> 
</td> 


(2) 如 果 想 在 表格 中 显示 图 像 ， 在 ItemTemplate 模板 中 将 图 像 列 中 的 Label 改 用 
Image 控件 ， 并 将 下 列 代码 


<asp:Label ID="imageLabel" runat="server" Text- "Ea Eval ("image") 图 ， 位 


改 为 


<asp:Image ID="Imagel" runat="server" ImageUrl1= "RR Eval ("image") E29 /> 


15.3.3 ”修改 后 显示 的 界面 
经 过 前 面 的 修改 ， 最 后 显示 的 界面 如 图 15.3 所 示 。 


刘 礼 花 24 湖南 


伍 来 红 22 湖北 


10 赵 有 27 交 徽 


下 一 页 


15.3 用 网 格 显示 的 结果 
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15.4 用 平 铺 方 式 显 示 数 据 


15.4.1 设计 步骤 


具体 操作 步骤 如 下 。 

第 (1) 步 与 第 (2) 步 与 15.2 节 相 同 。 

(3) 在 图 15.1 所 示 的 对 话 框 中 ， 分 别 选择 【 平 铺 】、【 专 业 型 】 和 【启用 分 
页 】 项 。 

(4) 在 ListView 任务 对 话 框 中 的 【当前 视图 】 下 拉 列 表 框 中 选择 ItemTemplate 项 如 
图 15.4 所 示 。 
asp:listview#ListYiewl 

_ ListViewl - ItemTemplate 

bh:[bhiabel] 
name: [nameLabel] 
ge: [ageLabel] 


address: [addressLabel] 
image: [imageLabel] 


第 -下 上 -| 好 5 | 
SqlDataSource - SqDatasourcel 


SelectedItemTemplate 


图 15.4 选择 ltemTemplate 项 
(5) 在 ItemTemplate 模板 中 进行 布局 ， 并 编写 数据 绑 定 代码 。 为 此 ， 先 去 掉 <td> 标 记 
内 的 源 代 码 ， 然 后 利用 表格 进行 布局 ， 如 图 15.5 所 示 。 


asp:ListView#ListViewl 
TistView1l - TtemTemplate [el 


[Label2] 


[Labela] 
[Label#] 


x| 上 一 页 | 下 -页 | 最 一 页 | 


图 15.5 用 ltemTemplate 进行 布局 
数据 绑 定 的 代码 如 下 。 


<table class="stylel"> 
<tr> 
<td rowspan="4" class="style2"> 
<asp:Image ID="Imagel" runat="server" JImageUrl='<%# Eval ("image") 
$%>'/> 
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</td> 
<td> 编 号 </td> 
<td>gnbsp;</td> 
</tr> 
Er 
<td colspan="2"> 
<asp:Label ID="Labell" runat="server" Text="'<$%# Eval ("bh") 
%$>'></asp:Label> 
</td> 
</tr> 
<tr> 
<td> 姓 名 </td> 
<td>gnbsp;</td> 
</tr> 
<Er> 
<td colspan="2" class="style3"> 
<asp:Label ID="Label2" runat="server" Text='<$%# Eval ("name") 
$%>'></asp:Label> 
</td> 
</tr> 
<tr> 
<td class="style2"> 年 龄 </td> 
<td colspan="2"> 
<asp:Label ID="Label3" runat="server" Text='<$%# Eval ("age") 
%>'></asp:Label> 
</td> 
</tr> 
<tr> 
<td class="style2"> 地 址 </td> 
<td colspan="2"> 
<asp:Label ID="Label4" runat="server" Text='<%# Eval("address") 
%>'></asp:Label> 
</ta> 
</tr> 
</table> 


(6) 为 了 在 交替 记录 中 显示 不 同 的 底 色 ， 应 将 ItemTemplate 模板 中 的 代码 ， 除 
background-color 属性 值 以 外 全 部 复制 到 AlternatingItemTemplate 模板 下 ( 即 原来 的 
AlternatingItemTemplate 模板 中 的 background-color 属性 值 保持 不 变 )。 


15.4.2 ”模板 的 代码 分 析 


此 处 的 代码 和 15.3.2 节 中 的 模板 代码 基本 相同 ， 只 是 增加 了 GroupTemplate 模板 。 几 
个 模板 之 间 的 关系 如 图 15.6 所 示 。 

可 以 对 每 行 显示 的 记录 数 以 及 每 页 显示 的 记录 数 进行 改变 。 

1. 设置 每 行 包 括 的 记录 数 

默认 时 每 行 3 条 记录 。 其 代码 如 下 。 


<asp:ListView ID="ListViewl" runat="server" DataSourceID="SqlDataSourcel" 
GroupItemCount="3"> 


其 中 ，GroupItemCount="3" 代 表 每 行 3 条 记录 (3 列 )。 人 允许 改变 这 个 数值 。 
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三 <LayoutTemplze> 
<table ma="server’> 
< runaseryer> 
td mnat="server > 
‘<table ID="groupPlaccholdaContainer" > 
< ID="group Placeholder" unat="server’> 
ch 
<hable> 
<hd> 占 位 符 
<h> 
<hable> 
一 /LayouTemplate> 


— <GrougTemplae> -一 一 
< ID='itemplsrdholdaContainer ruoatr'server> 


<td ID="item Placeholder” runat=server > 
分 组 布局 模板 一 | ct 
ch 占 位 符 


一 GroupT emplate> 
一 eT pl 


布局 根 模板 一 | 


主 模板 ”一 | 


一 hemTemplate> 


15.6 ”增加 GroupTemplate 模板 后 的 代码 


2. 设置 每 页 包含 的 记录 数 
默认 时 每 页 12 条 记录 。 在 DataPager 控件 中 的 代码 如 下 。 
<asp:DataPager ID="DataPagerl" runat="server" PageSize="12"> 


如 果 将 PageSize="6"( 即 每 页 6 条 记录 ) 时 ， 显 示 的 结果 如 图 15.7 所 示 。 
注意 : 这 些 参 数 也 可 以 在 ListView 控件 的 属性 对 话 框 中 进行 设置 。 


震 一 
1 |; 2 3 
姓名 姓名 姓名 
Nl 本 过 成 雷震 
年 内 22 2 20 
i SO we ok 
| 编号 编号 编号 
| 4 5 BD 6 
姓名 姓名 姓名 
| 吴 有 为 本 蓝 陈 红 
年龄 21 年 龄 26 年 龄 34 
地 址 安徽 地 址 湖南 地 址 湖南 


图 15.7 用 平 铺 方式 显示 结果 
15:5 小 结 


ListView 控件 是 ASP.NET 3.5 综合 其 他 控件 一 些 特点 后 推出 来 的 一 种 新 控件 ， 新 控件 
既 能 以 表格 方式 显示 数据 ， 又 能 以 平 铺 方式 显示 数据 。 用 平 铺 方式 显示 数据 最 大 的 优点 是 


布局 


两 种 


时 ， 


能 使 


一 个 


代码 
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格式 完全 自 定 ， 特 别 适合 于 那些 需要 突出 图 像 的 界面 。 


ListView 控件 中 使 用 了 大 量 的 模板 技术 ， 其 中 只 有 ItemTemplate 与 LayoutTemplate 


模板 是 必需 的 ， 其 他 8 种 可 以 根据 情况 需要 选择 使 用 。 


DataPager 是 用 于 分 页 的 控件 ， 当 我 们 在 配置 ListView 控件 时 选中 了 【启用 分 页 】 项 


该 控件 就 会 自动 加 入 到 ListView 控件 的 LayoutTemplate 模板 中 。 
15.6 习 题 


1. 填空 题 
(1) 在 ListView 控件 中 有 很 多 模板 ， 但 是 只 有 


的 ， 其 他 都 是 可 选 的 。 


(2) 在 配置 ListView 对 话 框 中 【启用 编辑 】、【 启 用 插入 】〗、【 启 用 删除 】〗 选 项 不 
用 ， 常 常 是 因为 控件 的 配置 中 没有 使 用 按钮 。 
(3) 当 给 ListView 控件 进行 配置 时 ， 选 中 【启用 分 页 〗 项 时 ， 系 统 就 自动 地 增添 了 


控件 。 


(4) 现在 要 在 ItemTemplate 模板 中 显示 age 字段 (假定 已 经 建立 好 与 数据 库 的 连接 ) 的 


是 


<asp:Label ID="ageLabel" runat="server" Text=" 
2. 选择 题 
(1) 在 ListView 控件 中 EditltemTemplate 是 


，ItemTemplate 是 
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是 


AlternatingTemplate 是 , GroupTemplate 是 . 

A. 编辑 记录 模板 B. 交替 记录 模板 
C. 分 组 布局 模板 D. 绑 定 数据 的 主 模板 

(2) 在 ListView 控件 中 选择 【 平 铺 〗 布 局 的 最 大 好 处 是 
A. 设计 简便 B. 包含 的 数据 容量 大 
C. 布局 的 格式 自 定 D. 容易 掌握 

(3) 利用 <%# Eval("age") %> 方 法 能 够 。 _， 利 用 <%# Bind("age") %> 方 法 能 够 。 __。 
A. 编辑 age 字段 B. A+D 
C. 不 能 显示 age 字段 D. 显示 age 字段 

3. 判断 题 


(1) 在 ListView 控件 中 ，ItemTemplate 是 必须 选用 的 模板 。 

(2) 在 ListView 控件 中 ，EditItemTemplate 是 必须 选用 的 模板 。 

(3) 在 ListView 控件 中 ，LayoutTemplate 是 必须 选用 的 模板 。 

(4) DataPager 控件 的 作用 只 用 于 分 页 。 

4. 简 答题 

(1) 在 ListView 控件 中 用 网 格 布局 与 平 铺 布局 的 主要 区 别 是 什么 ? 
(2) 在 平 铺 布局 中 下 列 语句 中 带 下 划 线 的 字符 囊 代表 什么 意思 ? 


一 一 一 一 


NS 
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<asp: ImageID="..” runat=”server” ImageUrl=’<% #Eval (“image”) S$>” /> 
5. 操作 题 


(1) 利用 ListView 控件 用 网 格 (表格 ) 布 局 方式 显示 一 个 数据 表 ( 包 括 图 片 )。 
(2) 利用 ListView 控件 用 平 铺 方式 显示 一 个 数据 表 。 除 图 片 必 需 以 外 ， 其 他 显示 项 
自行 确定 。 
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“存储 过 程 ” 是 数据 库 提供 的 功能 ， 一 些 大 型 数据 库 ， 如 SQL Server、Oracle、 
DB2、Informix 等 都 提供 了 这 种 功能 。 它 的 特点 是 ， 允 许 将 对 数据 库 操作 的 各 种 SQL 命令 
经 过 编译 后 直接 存放 到 数据 库 端 ， 以 便 提供 服务 。 各 个 应 用 程序 只 需 利用 简单 的 调用 语 
和 名， 就 像 调用 函数 和 过 程 一 样 即 可 调用 存储 过 程 ， 以 完成 对 数据 库 的 各 项 操作 。 这 样 ， 也 
就 大 大 提高 了 代码 的 重用 度 ， 增 强 了 程序 的 可 靠 性 和 运行 效率 。 

除 此 之 外 ， 本 章 还 要 介绍 数据 缓存 技术 ， 它 是 提高 程序 运行 效率 的 一 项 重要 措施 。 本 
章 中 将 介绍 网 页 缓存 和 数据 库 缓 存 两 个 方面 。 本 章 中 将 要 讲述 的 问题 包括 : 

@ 概述 。 

日 ”创建 存储 过 程 。 
@ 调用 存储 过 程 。 
@ 数据 缓存 。 


16.1 概 述 


存储 过 程 (Stored Procedure) 是 放置 在 数据 库 端 的 一 组 经 过 编译 的 、 以 SQL 语句 为 基础 
的 命令 集 。 在 SQL Server 数据 库 的 存储 过 程 中 使 用 的 是 T-SQL， 该 语言 既 包 括 SQL 语 
句 ， 还 允许 包括 一 些 过 程 语句 。 一 个 最 简单 的 存储 过 程 语句 的 格式 如 下 : 


CREATE PROCEDURE 存储 过 程 名 


( 
待定 参数 名 1 类 型 1， 
待定 参数 名 2 类 型 2， 
待定 参数 名 3 类 型 3， 


RS 


SQL 语句 。 语 句 中 包括 待定 参数 的 赋值 语句 
下 面 是 两 个 示例 。 
例 16.1 显示 数据 表 gyb 中 的 全 部 记录 。 


CREATE PROCEDURE gybSelectProcedure 
AS 
Select * From gyb 


这 是 一 个 显示 gyb 数据 表 的 存储 过 程 。 这 个 存储 过 程 中 不 带 任 何 待定 参数 。 

例 16.2 更 新 数据 表 中 的 记录 。 

下 面 是 一 个 带 参 数 的 存储 过 程 ， 这 个 存储 过 程 的 作用 是 更 新 一 个 数据 表 。 存 储 过 程 的 
名 字 是 UpdateCart， 被 更 新 的 表 名 是 Cart。 
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CREATE PROCEDURE UpdateCart 
( 
@OrderID uniqueidentifier, 
orderDate dateTime, 
orderNumber int 
) 
RS 
Update Cart 
SET OrderID = @OrderID, 
OrderDate = @OrderDate, 
OrderNumber = Q@OrderNumber 
WHERE OrderID = @OrderID 
上 述 这 个 存储 过 程 的 作用 是 更 新 数据 表 的 记录 。 其 中 “CREATE PROCEDURE.… 
AS.…” 都 是 保留 字 。 当 创建 完 存储 过 程 以 后 ， 再 次 调 出 来 查看 时 ， 会 发 现 前 面 的 语句 变 
成 了 ALTER PROCEDURE。 这 代表 现在 是 对 语句 的 修改 。 
存储 过 程 的 语句 中 实际 上 包括 两 个 不 同 的 组 成 部 分 。 
@ ”过 程 名 、 待 定 参数 及 其 类 型 。 如 果 存 储 过 程 中 包括 参数 时 ， 参 数 名 及 其 类 型 都 要 
放 在 小 括号 中 ， 各 参数 之 间 用 逗号 分 隔 。 
e@ ”AS 后 面 是 存储 过 程 命令 的 主体 ， 包 括 可 以 执行 的 T-SQL 语句 。 
存储 过 程 是 经 过 编译 的 、 存 放 在 数据 库 端的 SQL 命令 集 ， 应 用 程序 只 需 调用 存储 过 
程 的 名 字 ( 需 要 时 赋予 相关 的 参数 )， 即 可 完成 对 数据 库 的 操作 ， 因 而 具有 以 下 优点 。 
@ ”可 以 为 多 个 应 用 程序 共用 ， 提 高 了 代码 的 重用 度 。 
@ ”运行 可 靠 而 且 执 行 效率 高 。 
@ ”能 减少 网 络 上 的 传输 量 。 如 果 应 用 程序 与 数据 库 不 在 同一 台 机 器 上 ， 而 且 使 用 的 
SQL 语句 比较 复杂 时 ， 这 个 优点 将 更 加 明显 。 


16.2 创建 存储 过 程 


在 ASPNET 3.5 中 创建 存储 过 程 可 以 采用 两 种 方式 。 不 论 哪 种 方式 都 需要 先 建立 数据 
表 。 现 在 假定 数据 表 的 结构 如 表 16.1 所 示 。 
表 16.1 数据 表 的 字段 设置 


字段 名 类 型 类 型 
XM( 姓 名 ) nvarchar 12 Age( 年 龄 ) int 4 
16.2.1 在 SQL Server 2000 中 创建 存储 过 程 


打开 Microsoft SQL Server 的 企业 管理 器 ， 并 展开 数据 库 名 称 的 节点 ， 单 击 【 存 储 过 
程 】 节 点 。 如 果 打开 的 是 系统 提供 的 样板 库 ( 如 Northwind、Pub 等 )， 将 发 现 ， 系 统 已 经 提 
供 了 很 多 存储 过 程 ， 双 击 其 中 之 一 就 可 以 查看 到 该 存储 过 程 的 代码 。 
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为 了 创建 新 存储 过 程 ， 右 击 【 存 储 过 程 】 图 标 ， 在 弹出 的 快捷 菜单 中 选择 【新 建 存储 
过 程 】 命 令 ， 将 打开 如 图 16.1 所 示 的 对 话 框 。 


存储 过 程 尾 性 一 新 建 存 侍 过 程 


出 | 

团 shu < 娃 存 对 过 程 有 
所 有 者 : 

创举 日 

文本 中 


REATE PROCEDURE [OWNERJIPROCEDURE NAME]AS 


16.1 在 SQL Server 数据 库 中 创建 存储 过 程 


用 存储 过 程 的 名 称 (如 InsertFromName) 替 换 [OWNER][PROCEDURE NAME]。 由 于 要 
使 用 参数 查询 ， 所 以 还 必须 在 名 称 和 AS 关键 字 之 间 指 定 参 数 。 代 码 如 下 。 
CREATE PROCEDURE InsertFromName 
( 
@xm nvarchar (12), 
@xB nvarchar (4), 
age int 
) 
AS 
Insert INTO gybInsert 
(Xm, XB, Age) Values (@xm,@xB,@Age) 
SELECT * FROM gyb 


上 面 的 语句 包括 两 部 分 : 第 一 部 分 用 于 插入 记录 (Insert); 第 二 部 分 用 于 显示 数据 表 
(Select)。 当 输 完 以 上 数据 后 可 以 单 击 【 检 查 语法 】 按 钮 来 检查 语法 的 正确 性 。 然 后 单 击 
【确定 】 按 钮 以 保存 存储 过 程 ， 如 图 16.2 所 示 。 
注意 : 其 中 关键 字 (bh) 应 该 自动 产生 增值 ， 不 应 作为 参数 输入 ; 字符 囊 用 varchar 定义 ， 

而 不 能 用 string。 


16.2.2 ”直接 在 应 用 程序 的 环境 中 创建 存储 过 程 


可 以 在 应 用 程序 的 环境 中 创建 存储 过 程 ， 这 种 方法 更 加 直接 。 此 时 先 打开 数据 库 资源 
管理 器 ， 然 后 展开 连接 的 数据 库 ， 再 右 击 【存储 过 程 】， 如 图 16.3 所 示 ， 在 弹出 的 快捷 
菜单 中 选择 【添加 新 存储 过 程 】 命 令 。 以 后 的 设置 方法 与 前 面 所 述 相同 。 
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a 
图 
时 
Wo Er 人 
REATE PROCEDURE OO 站 8- 1 MW 
- 习 NewDelere (cherg2) 
四- 习 newInset (cheng2) 
- 习 wew5eledt (cheng2) 
@- 习 wewupdate (cheng2) 
向 习 
外- 习 gybseledProcedue 
= 由 国画 归 
图 16.2 ”存储 过 程 的 语句 示例 图 16.3 直接 在 应 用 程序 中 创建 存储 过 程 


16.3 ”调用 存储 过 程 


为 了 调用 存储 过 程 给 数据 表 增 添 记 录 ， 在 网 页 中 放置 几 个 TextBox 控件 以 便 输入 参 
数 ， 再 放置 一 个 GridView 控件 和 一 个 按钮 控件 。 界 面 设置 如 图 16.4 所 示 。 

配置 数据 源 控件 以 调用 存储 过 程 。 步 骤 如 下 。 

(1) 在 配置 数据 源 控件 的 过 程 中 选用 【指定 自 定义 SQL 语句 或 存储 过 程 】， 然 后 进 
行 数据 表 编 辑 的 设置 。 

(2) 选择 【存储 过 程 】， 并 在 下 拉 列 表 中 选择 存储 过 程 名 。 

(3) 确定 存储 过 程 中 各 待定 参数 的 来 源 。 具 体 情况 如 图 16.5 所 示 。 


ETE OE 好几 在 | Lv 几 


ry rl CE 


外 名 性 到 : 年 龄 :站 参数 加 : 参数 洗 3): 
名称 [contrd 了 
py rr -Seectedvabe ControtD; 
ke je [rentBexl 了 
rep 
Ea 
民 


< 上 一 步 四 | 下 一步 由 >| 三民 取消 


16.4 为 调用 存储 过 程 的 显示 界面 16.5 “给 存储 过 程 确定 参数 来 源 
用 显示 存储 过 程 的 方法 与 前 面 基本 相同 。 相 应 的 代码 如 下 。 


<%@ Page Language="C#" $%> 
<html> 
<head runat="server"> 
<title>GridView Bound to Stored Procedure</title> 
</head> 
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<body> 
<form id="forml™" runat="server"> 
<asp:GridView ID="GridViewl" DataSourceID="SqlDataSourcel™" 
AutoGenerateColumns="False" runat="server"> 
<Columns> 


<asp:BoundField DataField="TenMostExpensiveProducts" 
HeaderText="Product" /> 
<asp:BoundField DataField="UnitPrice" DataFormatstring="{0:c}" 
HeaderText="Price" /> 
</Columns> 
</asp:GridView> 
<asp:SqlDataSource ID="SqlDataSourcel" runat="server" 
SelectCommand="Ten Most Expensive Products" 
Connectionstring="<%$ ConnectionStrings:Northwind %>" 
SelectCommandType="StoredProcedure" /> 
</form> 
</body> 
</html> 


16.4 数据 缓存 


数据 缓存 (Data Caching) 就 是 将 数据 暂 存 于 内 存 缓存 区 中 的 一 种 技术 。 当 数据 本 身 改 变 
得 不 怎么 频繁 ， 而 被 访问 的 频率 又 比较 高 时 ， 采 用 这 种 技术 将 大 大 提高 数据 访问 的 效率 。 


16.4.1 网 页 输出 缓存 


当 网 页 的 内 容 相 对 固定 时 ， 可 以 将 整个 网 页 缓存 起 来 。 因 为 对 于 动态 网 页 来 说 ， 网 页 
的 访问 大 体 上 可 以 分 为 三 个 步骤 。 
(1) 客户 请 求 。 
(2) 动态 生成 网 页 并 转化 为 HTML 格式 。 
(3) 向 浏览 器 发 送 显 示 。 
如 果 网 页 首次 被 访问 时 将 它 缓存 起 来 ， 后 续 客户 再 次 请 求 时 ， 就 直接 从 缓存 区 中 取 
出 ， 发 送 显示 ， 从 而 省 略 了 “动态 生成 网 页 并 转换 为 HTML 格式 ”这 个 最 费时 的 环节 。 
设置 网 页 输出 缓存 (Output Caching) 的 方法 很 简单 ， 下 面 通 过 一 个 简单 的 示例 来 说 明 。 
(1) 在 网 站 中 增加 一 个 网 页 ， 放 入 一 个 Label 控件 ， 假 定 控件 的 id 名 为 TimeMsg。 
(2) 在 网 页 的 Page_Load 事件 中 编写 以 下 代码 ， 以 便 在 TimeMsg 控件 中 显示 打开 网 
页 的 时 间 。 
protected void Page Load(object sender, EventArgs e) 
TimeMsg .Text = "打开 网 页 的 时 间 是 :"+DateTime .Now.ToString (); 
} 
G) 在 *.aspx 网 页 的 代码 中 增加 设置 缓存 的 指令 。 


<%@ OutputCache Duration="600" VaryByParam=none %> 
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语句 “<%@...%>” 是 网 页 配置 的 指令 ， 在 这 里 用 来 给 网 页 指定 缓存 参数 。 其 中 ， 
Duration="600"( 注 意 : 时 间 两 端 要 加 引号 ) 代 表 缓 存 持 续 时 间 为 600 秒 ，VaryByParam 属性 
用 来 指定 特定 版 本 的 网 页 输出 。 在 <%@OutputCache...%> 配 置 指令 中 一 定 要 加 入 
VaryByParam 属性 。 即 使 不 使 用 这 个 版 本 属性 ， 也 要 将 它 加 入 ， 但 将 其 值 设 为 none。 

为 了 演示 缓存 过 程 ， 打 开 网 页 后 ， 按 前 面 的 要 求 设置 <%@OutputCache..……%> 指 令 ， 并 
用 控件 显示 当前 的 时 间 。 然 后 多 次 “刷新 ”网 页 (代表 对 网 页 的 多 次 访问 )。 将 看 到 在 缓存 
的 持续 时 间 内 显示 的 时 间 不 会 改变 ， 这 说 明显 示 的 是 从 缓存 区 中 取出 来 的 副本 。 当 持续 时 
间 到 达 时 显示 的 时 间 才 会 变化 ， 同 时 又 开始 新 一 轮 的 缓存 。 

如 果 网 页 中 包含 有 对 网 页 请 求 的 URL 查询 字符 串 ， 因 为 查询 结果 是 动态 生成 的 ， 再 
按照 上 述 方法 设置 缓存 指令 会 有 问题 。 此 时 应 采用 其 他 可 选择 的 办 法 。 即 将 <%@ 
OutCache> 页 面 指令 中 的 VaryByParam 属性 设 为 “*”， 以 表明 页 面 中 使 用 了 查询 语句 ， 
应 该 根据 不 同 的 查询 参数 来 缓存 页 面 的 多 个 不 同 副本 。 

还 可 以 进一步 将 VaryByParam 属性 直接 设 为 “查询 参数 名 ”。 例 如 : 


<%@ OutputCache Duration="600" VaryByParam="ProductID" $%> 


这 种 情况 下 ASP.NET 将 检查 查询 字符 串 ， 以 查找 ProductID 参数 ， 并 对 不 同 的 
ProductID 单独 缓存 其 不 同 的 副本 。 

网 页 缓存 以 后 ， 不 论 访问 的 客户 来 自 世界 何 处 ， 都 直接 从 缓存 区 中 提取 出 副本 发 送 
出 去 。 


16.4.2 ”利用 数据 源 控件 缓存 数据 库 


通常 情况 下 ， 大 量 数据 是 保存 在 数据 库 中 的 ， 而 应 用 程序 访问 数据 库 是 一 项 非常 费时 
的 操作 。 因 为 访问 数据 库 时 ， 先 要 连接 并 打开 硬盘 中 的 数据 库 ， 执 行 查询 或 编辑 数据 的 命 
令 ， 取 出 数据 后 还 要 关闭 数据 库 等 。 这 个 过 程 需要 系统 
付出 不 小 的 开销 。 如 果 经 常 重复 这 些 操作 ， 必然 会 大 大 “EE 0 RE 
增加 系统 的 负担 ， 降 低 系 统 的 运行 效率 。 E 

如 果 先 将 数据 库 中 的 数据 缓存 到 缓存 区 中 ， 当 应 用 
程序 需要 这 些 数据 时 ， 直 接 从 缓存 区 中 提取 ， 就 可 以 显 
著 地 减少 系统 开销 ， 提 高 系统 的 运行 效率 。 

在 ASPNET 中 可 以 通过 数据 源 控件 (如 SqlDataSource) 
的 属性 来 设置 数据 表 的 缓存 参数 。 缓 存 参数 包括 以 下 几 Case oeriee | 
项 ， 情 况 如 图 16.6 所 示 。 

@ ”EnableCahing: 默认 时 为 false， 即 不 使 用 数据 16.6 在 数据 源 控件 的 属性 中 


缓存 ， 将 该 属性 改 为 true 时 即 可 启动 数据 设置 缓存 属性 
缓存 。 

@ ”CacheDuration: 代表 缓存 的 持续 时 间 。 默 认 时 为 Infinite( 无 限 )。 本 例 中 设置 成 
600 秒 。 


@ CacheExpirationPolicy: 缓存 策略 。 包 括 两 种 设置 : Absolute 和 Sliding。 设 置 成 
Absolute 时 ， 时 限 一 到 缓存 区 失效 。 对 于 需要 定期 更 新 的 信息 来 说 ， 选 择 这 种 策 
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略 比较 合适 ， 当 设置 为 Sliding 时 ， 时 限 到 时 立即 刷新 缓存 区 中 的 数据 ， 并 继续 
缓存 更 新 后 的 数据 。 
@ CacheKeyDependency: 用 于 创建 与 其 他 文件 或 缓存 关键 字 相 依赖 的 关系 。 
@ SqlCacheDependency: 用 于 创建 与 Microsoft SQL Server 数据 库 的 依赖 关系 。 
简单 的 缓存 只 需 设 置 前 三 项 ， 即 将 EnableCahing 属性 设 为 tue; 将 CacheDuration 指 
定 缓 存 时 间 ; 将 CacheExpirationPolicy 指定 缓存 策略 。 
利用 数据 源 控件 进行 缓存 有 一 个 很 大 的 好 处 ， 就 是 如 果 该 数据 源 控件 既 担负 查询 
(Select) 又 担负 编辑 (Update) 任 务 时 ， 一 旦 在 缓存 持续 时 期 内 数据 表 的 数据 改变 了 ， 系 统 会 
自动 将 原来 缓冲 区 的 数据 作废 ， 并 从 数据 表 中 重 载 缓存 数据 ， 以 便 使 两 种 数据 保持 一 致 。 
其 过 程 如 图 16.7 所 示 。 


疼 代 表 客户 ， 国 代表 服务 器 ， 国 代表 数据 库 管理 器 ， 轩 代表 内 存 空间 
16.7 “SQL Server 2008 数据 库 数据 缓存 的 原理 


图 16.7 表示 用 数据 源 控件 缓存 数据 表 的 过 程 。 这 个 过 程 是 : 
当 某 客户 访问 数据 库 时 ， 取 出 数据 的 同时 将 该 数据 缓存 在 内 存 中 。 
当 需 要 再 次 访问 数据 库 时 直接 从 内 存 缓冲 区 中 读 取 数据 。 
现在 出 现 另 一 客户 来 修改 数据 库 的 情况 。 
系统 将 内 存 中 原来 缓存 的 数据 变 为 无 效 。 
自动 从 数据 库 中 读 取 数 据 缓存 到 内 存 中 。 

利用 数据 源 控 件 缓存 数据 表 也 存在 问题 ， 即 当 内 存 容量 小 于 缓存 的 需要 时 ， 缓 存 区 将 
会 被 自动 删除 ， 因 而 不 能 保证 在 整个 缓存 时 间 内 持续 缓存 。 

如 果 在 网 站 中 设 有 多 处 缓存 区 ， 缓 存 了 一 些 相互 关联 的 数据 ， 数 据 源 一 旦 有 变化 ， 多 
处 缓存 都 应 作废 ， 否 则 将 可 能 使 用 过 时 的 数据 。 这 些 缓存 区 之 间 存 在 着 一 定 的 依赖 关系 ， 
需要 设置 一 个 通知 功能 。CacheKeyDependency 用 来 创建 文件 之 间 的 依赖 关系 ， 
SqlCacheDependency 用 来 创建 数据 库 之 间 的 依赖 关系 。 为 了 建立 它们 之 间 的 依赖 关系 需要 
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有 较 多 的 设置 ， 由 于 篇 幅 所 限 ， 这 里 不 再 讲述 。 
16.5 小 结 


存储 过 程 是 存放 在 数据 库 端 经 过 编译 的 ， 由 多 条 SQL 语句 (还 可 包括 一 些 过 程 语句 ) 组 
成 的 程序 。 一 些 大 型 数据 库 都 提供 了 这 一 功能 。 可 以 直接 在 数据 库 中 ， 也 可 以 在 网 页 中 创 
建 存储 过 程 。 调 用 存储 过 程 的 语句 类 似 于 调用 其 他 方法 的 语句 ， 关 键 在 于 正确 地 给 各 待定 
参数 赋值 。 

数据 缓存 是 将 网 页 或 数据 库 中 的 数据 和 暂 存 于 内 存 的 一 种 方法 。 数 据 缓存 可 以 大 大 提高 
系统 运行 的 效率 。 

在 ASPX 网 页 中 ， 通 过 <%@ OutputCache Duration=n VaryByParam=none %> 配 置 网 页 
的 缓存 。 通 过 数据 源 控件 (如 SqlDataSource) 来 缓存 数据 库 ， 简 单 情况 下 只 需要 对 数据 源 的 
三 个 属性 进行 设置 即 可 。 利 用 数据 源 控件 来 缓存 数据 库 的 最 大 好 处 是 ， 它 可 以 自动 更 新 过 
时 的 缓存 数据 。 


16.6 习 题 
1. 填空 题 
(1) 存储 过 程 是 用 各 种 SQL 命令 编写 并 经 过 编译 后 直接 存放 到 端的 
程序 。 
(2) 在 SQL Server 数据 库 中 存储 过 程 使 用 的 是 语言 。 


(3) 一 个 简单 的 存储 过 程 的 代码 包括 两 部 分 : 
CREATE PROCEDURE 存储 过 程 名 
( 
// 第 一 部 分 
) 
AS 
// 第 二 部 分 
其 中 第 一 部 分 是 ， 第 二 部 分 是 
(4) 下 面 是 一 段 网 页 缓存 的 指令 。 


<%@ OutputCache Duration="40" VaryByParam=none %> 


式 趾 : 


Duration="40" 代 表 
VaryByParam=none 代表 


2. 选择 题 


(1) 在 SplDataSource 数据 源 控件 中 ， 若 将 数据 库 缓 存 的 CacheExpirationPolicy 属性 
设置 为 Absolute 时 ， 缓 存 时 限 一 到 则 
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A. 自动 延长 缓存 时 间 B. 刷新 缓存 区 并 继续 缓存 
C. 延长 一 倍 缓存 时 间 D.、 缓存 区 失效 
(2) 在 SqlDataSource 数据 源 控件 中 ， 若 将 数据 库 缓存 的 CacheExpirationPolicy 属性 
设置 为 Sliding 时 ， 缓 存 时 限 一 到 则 


A. 自动 延长 缓存 时 间 B. 刷新 缓存 区 并 继续 缓存 

C.， 延长 一 倍 缓存 时 间 D.， 缓存 区 失效 
3. 判断 题 
(1) 所 有 的 数据 库 都 可 以 使 用 自己 定义 的 存储 过 程 。 ( ) 
(2) 在 T-SQL 中 既 包 括 SQL 语句 还 可 以 包括 过 程 语句 。 ' | 
4. 简 答题 


(1) 使 用 存储 过 程 的 好 处 是 什么 ? 

(2) 什么 情况 下 可 以 进行 网 页 缓存 ? 网 页 缓存 带 来 什么 好 处 ? 

(3) 试 述 利用 数据 源 控件 (SqlDataSource) 缓 存 数 据 表 时 设置 缓存 策略 以 及 缓存 持续 时 
间 的 方法 。 

(4) 利用 数据 源 控件 (SqlDataSource) 缓 存 数据 表 的 最 大 好 处 是 什么 ? 

5. 操作 题 

(1) 实际 编写 和 调用 存储 过 程 ， 以 便 向 数据 表 中 增添 记录 。 

(2) 通过 设置 完成 对 某 网 页 的 输出 缓存 工作 。 

(3) 进行 数据 表 缓 存 。 


第 17 章 创建 三 层 架构 


前 面 讲述 的 网 站 都 是 属于 两 层 架 构 (C/S 结构 )。 就 是 说 ， 网 站 中 的 显示 层 (包含 处 理 逻 
辑 的 代码 ) 直 接 与 服务 层 连 接 。 随 着 网 站 功能 的 增强 ， 网 站 结构 也 变 得 复杂 起 来 ， 此 时 就 
需要 对 系统 作 进 一 步 分 类 、 封 装 和 抽象 。 三 层 架 构 (3-tier) 的 出 现 适 应 了 复杂 网 站 的 需要 ， 
目前 已 经 变 得 越 来 越 普遍 。 所 谓 三 层 架 构 就 是 在 客户 的 显示 层 与 服务 器 层 中 间 增 加 一 个 中 
间 层 。 在 中 间 层 中 放置 网 站 共用 的 逻辑 处 理 代 码 ， 在 电子 商务 中 通常 是 一 些 商务 规则 和 商 
务 逻 辑 处 理 代码 。 

ASP.NET 2.0 对 三 层 架 构 提 供 了 有 力 的 支持 ，ASP.NET 3.5 在 此 基础 上 又 作 了 很 多 改 
进 。 下 面 将 重点 讲述 ASP.NET 3.5 的 三 层 架构 的 新 特点 。 本 章 将 要 讲述 的 问题 包括 : 

@ ”从 两 层 架 构 发 展 成 三 层 架 构 。 

ASP.NET 3.5 中 间 层 的 特点 。 
创建 中 间 层 的 步骤 。 
在 网 页 中 调用 中 间 层 中 的 对 象 。 
三 层 架 构 的 应 用 示例 。 


17.1 从 两 层 架 构 发 展 成 三 层 架 构 


传统 的 两 层 架构 就 是 客户 机 /服务 器 模式 。 在 这 种 模式 中 ， 客 户 向 服务 器 发 出 请 求 ， 
服务 器 处 理 这 些 请 求 ， 处 理 完成 以 后 再 返回 给 客户 端 。 此 时 显示 代码 和 逻辑 处 理 代码 都 集 
中 于 前 台 的 网 页 之 中 。 如 果 系 统 的 功能 比较 简单 时 ， 非 常 适合 采用 两 层 架构 。 

当 系统 的 功能 比较 复杂 ， 或 者 对 网 站 有 些 特殊 要 求 时 ， 最 好 改 用 三 层 架 构 来 取代 两 层 
架构 。 三 层 架 构 的 核心 思想 是 ， 将 整个 应 用 划分 成 三 层 : 表示 层 一 业务 层 一 数据 访问 层 
( 含 数据 库 )。 也 就 是 在 客户 机 与 服务 器 之 间 增 加 一 个 中 间 层 (有 时 又 称 为 业务 组 件 层 )， 用 
来 放置 处 理 业务 的 多 辑 代码 。 两 层 架 构 与 三 层 架 构 的 示意 如 图 17.1 与 图 17.2 所 示 。 


图 17.1 两 层 架构 示意 
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人 有 中 间 层 
数据 库 (业务 组 件 ) 
eng 


图 17.2 三 层 架 构 示意 


在 三 层 架 构 中 ， 客 户 端 网 页 是 系统 的 前 台 ， 负 责 客 户 界面 的 显示 ， 其 他 非 显 示 ( 非 UD 
的 逻辑 处 理 部 分 (包括 业务 规则 或 商业 逻辑 ) 都 集中 放 在 中 间 层 中 。 后 台 则 负责 数据 的 存储 
和 管理 。 这 样 的 分 工 不 仅 思 路 清晰 ， 代 码 重用 度 高 ， 而 且 一 旦 商务 逻辑 或 业务 规则 需要 改 
变 时 ， 只 需 对 中 间 层 进行 修改 而 不 需要 分 别 对 各 个 网 页 进行 修改 。 这 样 做 有 利于 系统 的 维 
护 和 扩展 ， 还 可 防止 各 窗 体 中 出 现 不 一 致 的 现象 。 

这 里 所 谓 的 “三 层 ”是 指 逻 辑 上 的 划分 。 有 些 系统 的 商业 逻辑 比较 复杂 ， 需 要 在 物理 
上 再 划分 成 多 层 。 但 这 些 物理 上 的 多 层 ， 逻 辑 上 都 可 看 成 中 间 层 。 这 就 好 比 一 部 戏剧 的 演 
出 ， 舞 台 上 的 演员 属于 第 一 层 ， 他 (她 ) 们 面 对 的 是 广大 观众 ， 而 管弦 乐队 、 舞 台 管 理 人 员 
和 导演 属于 第 二 层 ， 他 们 只 和 舞台 上 的 演员 打交道 ， 观 众 看 不 到 他 们 ， 剧 本 的 作者 、 布 景 
师 等 属于 第 三 层 ， 观 众 不 能 看 到 他 们 而 只 能 感受 到 他 们 的 作品 。 


17.2 ASP.NET 3.5 中 间 层 的 特点 


中 间 层 实质 上 是 一 些 不 含 显示 界面 (UD 的 “类 ”的 集合 。 从 理论 上 来 讲 ， 任 何 类 都 可 
以 放 在 中 间 层 中 ， 这 些 类 的 作用 是 对 众多 的 方法 和 属性 作 进一步 的 封装 和 抽象 。 设 计 者 可 
以 从 头 开始 设计 中 间 层 的 类 ， 也 可 以 先 在 类 库 中 选择 一 个 功能 相近 的 类 ， 然 后 在 这 个 基础 
上 进行 继承 或 扩展 。 后 一 种 方式 不 仅 能 简化 设计 过 程 ， 还 能 增加 新 类 的 可 靠 性 ， 符 合 面向 
对 象 的 设计 思想 。 

ASPNET 3.5 中 提供 的 对 象 数据 源 控件 (ObjectDataSource)、 数 据 集 (DataSeb 和 数据 表 
适配器 (TableAdaptenD) 为 通过 中 间 层 访问 数据 库 提 供 了 强 有 力 的 支持 。 将 这 些 控件 放 在 中 
间 层 ， 供 各 个 网 页 调用 ， 将 提高 代码 的 重用 度 并 保证 各 网 页 中 数据 的 一 致 性 。 

这 几 个 控件 的 关系 如 图 17.3 所 示 。 该 图 包括 4 个 组 成 部 分 ， 它 们 的 作用 分 述 如 下 。 

@ 数据 集 : 数据 集 是 内 存 中 的 数据 库 ， 可 以 在 断 开 与 数据 源 连 接 的 条 件 下 继续 工 

作 。 数 据 集 从 数据 库 中 获得 数据 以 后 ， 还 可 以 增加 一 些 字段 以 填充 临时 数据 。 

@ ”数据 表 适 配器 : 数据 表 适 配器 是 数据 集 与 数据 源 的 接口 ， 用 来 连接 数据 库 ， 执 行 
检索 数据 表 并 向 数据 集 填 入 数据 、 取 出 数据 和 更 新 数据 等 操作 。 数 据 表 适 配器 的 
Fill0 方 法 用 来 向 数据 集 填 入 数据 。 一 个 数据 表 适 配器 可 以 执行 多 条 检索 语句 ， 这 
些 检索 语句 是 对 同一 个 数据 表 进行 的 检索 ， 数 据 表 的 字段 虽然 相同 ， 但 是 由 于 检 
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索 条 件 (WHERE) 不 同 ， 获 得 的 数据 也 不 相同 。 适 配器 采用 Fil0、FillBy0、 
FillBy10 等 不 同 的 方法 名 来 区 分 不 同 的 检索 结果 。 与 此 相对 应 ， 取 出 数据 时 调用 
的 方法 也 分 别 采用 GetData0、GetDataBy0、GetDataBy10 等 不 同 的 名 字 。 当 数据 
表 适 配器 更 新 数据 时 调用 UpDate( 方 法 。 数 据 表 适 配器 还 可 以 根据 需要 定义 各 种 
不 同 的 方法 ， 提 供给 “类 ”调用 ， 从 而 大 大 增强 了 使 用 的 灵活 性 。 

@ 自 定 义 类 : 自 定 义 类 是 将 各 个 数据 集 、 数 据 集中 的 数据 表 以 及 数据 表 适 配器 封装 
到 一 起 ， 以 便于 调用 和 处 理 。 


中 间 层 
所 
人 
有 类 Cls9 、 

7 二 
上 数据 集 数据 集 数据 集 \ 
i 表 各 表 各 表 名 | 
1 
字 虽 名 字段 名 字段 名 

站 

六 数据 表 适 配置 数据 表 适 配器 数 括 表 适 配器 2 “ 

、\ 方法 方法 方法 
~ 
A 2 


图 17.3 ”连接 数据 库 的 中 间 层 
@ ” ObjectDataSource 控件 ， 它 的 一 端 连接 自 定义 类 ， 另 一 端 与 显示 控件 (这 里 用 的 是 
GridView) 进 行 数据 绑 定 。 除 此 之 外 ，ObjectDataSource 控件 还 可 以 在 以 下 几 方面 
发 挥 作用 。 
4 ”给 数据 分 页 和 排序 。 
。 缓存 数据 。 
e ”防止 数据 访问 中 的 冲突 。 


17.3 创建 中 间 层 的 步骤 


下 面 通过 一 个 简单 的 示例 来 说 明 创建 中 间 层 的 方法 。 创 建 的 过 程 分 为 两 步 。 

(1) 创建 数据 集 与 数据 表 适 配器 。 

@ 在 网 站 中 增加 “数据 集 (DataSet)”， 右 击 网 站 名 ， 在 弹出 的 菜单 中 选择 【添加 新 
项 】 命 令 。 在 弹出 的 对 话 框 中 选择 【数据 集 】， 然 后 给 它 取 名 。 假 定 给 它 命名 
ProductsDataSet.xsd， 弹 出 的 界面 如 图 17.4 所 示 。 

@@ 单 击 【 添 加 】 按钮 后 ， 当 出 现 “ 是 否 放 秆 在 App_Code 目录 中 ”的 提示 时 ， 单 击 
【是 】 按 钮 。 

现在 一 个 数据 集 已 经 被 增加 到 网 站 中 ， 同 时 还 增加 了 一 个 “数据 表 适 配器 
(TableAdapteD ”。 下 面 需要 进一步 给 数据 表 适 配器 进行 配置 。 给 数据 表 适 配器 进行 配置 
的 方法 与 给 SqlDataSource 数据 源 控件 的 配置 方法 基本 相同 。 
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图 17.4 添加 数据 集 


@ 在 数据 表 适 配器 向 导 的 帮助 下 ， 先 后 两 次 单 击 【 下 一 步 】 按 钮 。 在 【选择 命令 类 
型 】 的 对 话 框 中 ， 选 择 【 使 用 SQL 语句 】 并 选择 Products 数据 表 ， 选 择 字段 以 后 将 自动 
生成 以 下 语句 。 

SELECT ProductsID, ProductName, CategoryID, QuantityPerUnit, UnitPrice 

FROM Products WHERE (CategoryID = Q@CategoryID) 

@ 单 击 【完成 】 按 钮 ， 并 保存 前 面 的 设置 ， 将 看 见 如 图 17.5 所 示 的 界面 。 

@ ”在 这 个 基础 上 可 以 进一步 调整 和 扩展 数据 集 与 数据 表 适 配器 的 功能 。 方 法 是 右 击 
数据 集 的 标题 栏 ， 将 弹出 如 图 17.6 所 示 的 菜单 。 选 择 【 添 加 】|【 列 】 命 令 ， 可 以 在 数据 
集中 增加 字段 ， 以 便 放 入 一 些 临时 数据 ; 选择 【添加 】| Query 命令 ， 可 以 为 数据 表 适 配 
器 增加 检索 语句 ， 选 择 【添加 】| Relation 命令 可 以 增添 数据 表 之 间 的 关系 。 


CategomID 
QuantityPerUnit 
Unitprice 


ProductsTableAdapter [5 


ay Fl,GetData (@CategoryiD) 


图 17.5 数据 集 及 数据 表 适 配器 图 17.6 扩展 数据 集 和 数据 表 适 配器 功能 
(2) 创建 自 定义 类 。 
右 击 网 站 中 的 App_Code 目录 ， 选 择 【 添 加 新 项 】 命 令 。 在 弹出 的 对 话 框 中 选择 
【类 】， 并 且 给 类 命名 。 假 定 将 该 类 命名 为 DataAccess.cs， 单 击 【添加 】 按 钮 。 
public class DataAccess 
" 


public DataTable getProducts (int Cate) 
" 
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ProductsDataSetTableAdapters.ProductsTableAdapter Ada = new 
ProductsDataSetTableAdapters .ProductsTableAdapter (); 


// 生 成 数据 适配器 对 象 Ada 
ProductsDataSet.ProductsDataTable DD = new 
ProductsDataSet .ProductsDataTable (); 


// 生 成 数据 集 对 象 
Ada.Fill (DD, Cate); 

// 将 过 滤 的 数据 填 入 数据 集中 
return DD; // 返 回 数据 表 


} 
} 


这 段 代码 的 作用 是 ， 先 分 别 生成 数据 表 适 配器 的 对 象 (Ada) 和 数据 集 的 对 象 (DD)， 然 


后 将 适配器 中 检索 的 数据 填 入 数据 集中 。 其 中 ProductsDataSetTableAdapters 是 命名 空间 。 
这 个 命名 空间 是 一 个 组 合 字 ， 前 面 的 ProductsDataSet 是 数据 集 的 文件 名 ， 后 面 的 
TableAdapters 代表 数据 表 适 配器 。 


1 


17.4 在 网 页 中 调用 中 间 层 对 象 


在 网 页 中 可 以 用 两 种 方式 来 调用 中 间 层 。 

@ ”直接 调用 中 间 层 定义 的 类 对 象 。 

@ 通过 ObjectDataSource 数据 源 控件 间接 调用 中 间 层 。 
下 面 分 别 讲述 这 两 种 方式 。 


4.1 直接 调用 中 间 层 对 象 


具体 操作 步骤 如 下 。 
(1) 在 网 页 中 设置 下 拉 列 表 框 (DropDownlist) 以 及 GridView 控件 ， 如 图 17.7 所 示 。 
(2) 为 下 拉 列 表 框 的 Items 属性 设置 参数 ， 如 图 17.8 所 示 。 


汉 
产品 类 型 奈 ” ” 司 国生 
GolumnO Columnl Column? 国 一 下 
abe abc abc 园 srs 
abe abc abc 四 
abc abc abc sme | wew | 
abe abc abe 
abc ab abc | | | | 
17.7 直接 生成 类 对 象 的 界面 17.8 为 下 拉 列 表 框 设置 tems 属性 


(3) 在 网 页 的 Page_Load 事件 中 编写 代码 如 下 。 


public partial class Default : System.Web.UI.Page 
! 


protected void Page Load(object sender, EventArgs e) 
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{ 
DataRccess DA = new DataAccess(); //DataAccess 是 前 面 定义 的 类 名 
GridqViewl.DataSource = DA.getProducts (int.Parse (DropDownList1.SelecteqValue) ) 7 
GridView1.DataBind()7 
} 
} 


这 段 代 码 的 含义 是 先生 成 自 定义 类 的 对 象 (DA)， 再 通过 该 对 象 中 的 方法 (getProducts() 
取出 表 中 的 数据 ， 作 为 GridView 控件 的 数据 源 。 


17.4.2 通过 ObjectDataSource 数据 源 控件 调用 中 间 层 


有 具体 操作 步骤 如 下 。 

(1) 在 网 页 界面 中 增加 ObjectDataSource 数据 源 控件 。 

(2) 配置 数据 源 时 先 取 消 选中 【只 显示 数据 组 件 】 复 选 框 ， 然 后 在 【选择 业务 对 象 】 
下 拉 列 表 框 中 选择 新 定义 的 类 (DataAccess)， 如 图 17.9 所 示 。 


ppp 
4 


先 反 昨 以 用 王 访 案 或 更 新 数 汤 39 业 务 对 录 ( 创 加， 在 此 让 用 得 序 的 Bn 或 Aop_Ccde 目录 中 应 义 的 对 和)。 


选择 业务 对 旬 (); 
ar 


SE 30| 下 二 和 | Em Li 由 


17.9 在 对 象 数据 源 中 选择 业务 对 象 
(3) 单 击 【 下 一 步 】 按 钮 后 ， 在 【定义 数据 方法 】 界 面 中 ， 打 开 SELECT 选项 卡 ， 


[IEeT rear | msenr| vaere| 
法 下 国 Dassot Dslanowder 于 


FN: Getprodud stirta2 cateocry1d) , 它 拓 回 Dalat 
这 捍 广 法 (G): 


[seedutstmesz care), EE DataTetie - 


万 


para Em 
上 上 | 


< 上 -四 | 下 -sp>| aD 取消 | 


17.10 ”定义 数据 方法 
(4) 单 击 【 下 一 步 】 按 钮 后 ， 在 【定义 参数 】 界 面 中 设置 参数 源 ， 如 图 17.11 所 示 。 
到 此 为 止 ， 对 ObjectDataSource 控件 的 配置 已 经 完成 。 此 时 该 控件 的 TypeName 属性 中 已 
经 载 明 了 新 定义 类 的 名 字 ( 此 处 为 DataAccess)。 
(5) 将 GridView 控件 的 DataSourceID 属性 指向 ObjectDataSourcel 数据 源 ， 即 可 运行 
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程序 。 
@> 定义 参数 
S$ 
向 导 在 您 的 SELECT 方法 中 检测 到 一 个 或 多 个 参 涛 .请 为 SELECT 方法 中 的 生 个 参数 渤 择 参数 值 的 源 - 
基数 (E): 考 数 天 (9: 
| 
cream 
ET 中 
Deraulktyahue; 
天 一 一 一 一 
EE 
方法 签名 (MD); 
etProducts(Int32 Cale) ， 运 加 DataTable 3 
| 
< 上 —(p)| TE)> 完成 四 取消 
4 


图 17.11 确定 参数 来 源 
注意 ; 使 用 第 二 种 方式 时 ， 第 一 种 方式 中 对 GridViewl 的 Page Load 事件 的 设置 应 该 取消 。 
采用 第 一 种 方式 时 ， 直 接连 接 “ 类 ”虽然 比较 简单 ， 但 功能 不 强 ， 采 用 第 二 种 方式 时 
可 以 利用 ObjectDataSource 控件 提供 的 功能 ， 增 强 控制 能 力 并 自动 解决 一 些 数据 访问 中 可 
能 出 现 的 矛盾 ， 因 而 是 一 种 比较 好 的 方式 。 


17.5 三 层 架构 的 应 用 示例 
为 了 使 问题 简明 易 司 ， 这 里 只 集中 讲述 在 三 层 架构 中 对 某 个 局 部 问题 的 解决 方案 。 即 


在 商品 的 交易 过 程 中 ， 用 从 客户 预付 款 中 扣除 的 方式 来 完成 付款 的 工作 。 为 此 ， 必 须 先 将 
客户 的 预付 款 保存 在 客户 表 中 。 客 户 表 (Customers) 如 图 17.12 所 示 。 


客户 的 预付 款 
ContacName Address Phone RE 
] 亲 北 守 公 司 。 齐 本 由 计生 名 路 生路, “0535-64536763 8700.0000 
上 海 六 福 公司 。 地 已 入 上 站 二 悍 路 220 呈 021.68778699 。 5500.0000 
长 沙 实用 商 名, 何 时 为 ibs1M8235 0731-77665544 。 5760.0000 
0 北京 前 门 商店 。 县 作 为 北京 前 门 16.。 ol0.77865544 7690.0000 


图 17.12 客户 表示 例 

当 客户 选择 商品 后 ， 提 交 订 单 时 需 先 执行 以 下 过 程 ， 然 后 才能 存储 订单 。 

(D 取出 客户 的 预付 款 。 

(2) 从 预付 款 中 减 去 本 次 交易 应 交 的 付款 数 。 

G) 将 剩余 的 款项 存 回 客户 的 数据 表 中 。 

如 果 在 第 (2) 步 中 出 现 了 负数 ， 此 次 交易 作废 。 

这 是 一 种 从 数据 表 中 取出 数据 一 处 理 该 数据 一 再 将 处 理 完 的 数据 存 回 数据 表 的 过 程 ， 
这 种 过 程 在 程序 中 可 能 会 经 常 遇 到 。 利 用 三 层 架 构 来 处 理 很 容易 实现 。 处 理 的 步骤 如 下 。 

(1) 为 访问 数据 库 创建 存储 过 程 。 
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应 该 创建 足够 的 存储 过 程 ， 以 使 需要 时 调用 。 这 里 只 讲述 其 中 的 两 个 :一 个 用 于 读 取 
预付 款 ， 另 一 个 用 于 修改 预付 款 。 后 者 的 作用 就 相当 于 将 处 理 后 的 余额 送 回 数据 表 。 两 个 
存储 过 程 的 定义 如 下 。 

@ ” 读 取 预付 款 (GetPremoney) 的 存储 过 程 : 

ALTER PROCEDURE dbo.GetPremoney 


( 
customerID int 
) 
RS 
Select Premoney From Customers Where CustomerID = @CustomerID 


@ 修改 预付 款 (UpdatePremoney) 的 存储 过 程 : 


ALTER PROCEDURE dbo.UpdatePremoney 
( 
@CustomerID nvarchar (20), 
@Premoney Decimal 


) 
RS 
Update Customers SET Premoney = QPremoney WHERE CustomerID = 
@CustomerID 
Select * From Customers 
RETURN 
说 明 : 在 数据 表 中 预付 款 (Premoney) 的 类 型 是 money， 对 应 于 存储 过 程 中 的 类 型 是 


Decimal。 


(2) 创建 数据 集 及 数据 表 适 配器 。 
右 击 网 站 名 ， 在 弹出 的 菜单 中 选择 【增加 新 项 】 命 令 ， 然 后 将 数据 集 (DataSetl.xsd) 增 
加 进来 (注意 ， 数 据 集 必须 放 在 App_Code 的 目录 下 )， 并 配置 数据 集 以 连接 Customers 数 
然后 右 击 【 数 据 集 】 中 的 【数据 表 适 配器 】， 在 弹出 的 菜单 中 选择 【添加 查询 】 命 
令 ， 将 弹出 如 图 17.13 所 示 的 对 话 框 。 
TableAdapter EBS ei 


选择 命令 类 型 一 
TableAdapter 查 河 仁 用 SQL 滞 句 或 存 信 过 程 。 国 < 


TableAdapter 查询 应 如 何 访问 数据 库 ? 
使 用 SQL 语句 CS) 
指定 一 条 SELECT 语句 牢 加 载 皇 。 
了 创建 新 的 存储 过 程 (C 
指定 一 条 SELECT 语句 ,向导 椅 生成 的 行 链 过 程 本 选择 记 示 。 


业 下 一 步 (ND > 二 后 取消 


图 17.13 ”数据 表 适 配器 配置 向 导 (1) 
选择 其 中 的 【使 用 现 有 的 存储 过 程 】 项 ， 单 击 【 下 一 步 】 按 钮 。 在 下 拉 列 表 框 中 选择 
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GetPremoney 存储 过 程 ， 如 图 17.14 所 示 。 


TableAdapter 查询 配置 向 导 


选择 现 有 的 存储 过 程 
选择 Data5ource 函数 应 调用 的 存储 过 程 。 


选择 要 调用 的 存储 过 程 。 选 定 存储 过 程 的 参数 和 结果 在 下 面 显示 (5)。 


| 

参数 (a): 结果 (R); 
参数 名 结果 列 

|@CustomerID Premoney 


E45 .TF-> | 


图 17.14 ”数据 表 适 配器 配置 向 导 (2) 
对 话 框 表明 对 于 该 存储 过 程 来 说 ， 需 要 输入 的 参数 是 @CustomerID， 输 出 的 结果 是 


Premoney。 


单 击 【 下 一 步 】 按 钮 ， 弹 出 如 图 17.15 所 示 的 对 话 框 。 


加 单个 值 - 梅生 成 一 个 闫 开化 函数 以 从 存 依 过 得 返回 单个 值 AJ)，| 


日 无 任何 值 - 格 生 成 一 个 美 型 化 方法 以 执行 不 返回 数据 的 存储 过 得 (D)， 


EE 


图 17.15 数据 表 适 配器 配置 向 导 (3) 

此 对 话 框 用 于 选择 存储 过 程 返 回 的 数据 形式 。 这 里 提供 了 三 种 选择 : 表格 数据 、 单 个 
值 以 及 无 任何 值 。 

为 了 能 够 对 取出 的 预付 款 做 进一步 处 理 ， 选 择 【 单 个 值 -将 生成 一 个 类 型 化 函数 以 从 
存储 过 程 返 回 单个 值 】 单 选 按 钮 。 此 时 的 存储 过 程 就 相当 于 一 个 具有 返回 类 型 的 函数 。 

单 击 【下 一 步 】 按 钮 ， 在 弹出 的 对 话 框 中 确定 函数 名 。 此 时 ， 数 据 表 适 配器 中 就 增加 
了 一 个 新 的 方法 。 

按照 同样 的 步骤 右 击 【数据 集 】 中 的 【数据 表 适 配器 】 名 ， 将 修改 预付 款 的 存储 过 程 
增加 进来 。 由 于 使 用 该 存储 过 程 的 目的 ， 只 是 用 来 修改 客户 表 中 的 预付 款 字 段 。 因 此 在 
图 17.15 中 数据 返回 形式 中 选择 【无 任何 值 -将 生成 一 个 类 型 化 方法 以 执行 不 返回 数据 的 
存储 过 程 】 单 选 按钮 即 可 。 其 他 步骤 与 前 面 所 讲 的 相同 。 

此 时 ， 修 改 预付 款 的 存储 过 程 的 界面 如 图 17.16 所 示 。 

经 过 前 面 的 配置 以 后 在 数据 表 适 配器 中 已 经 增添 了 两 个 方法 ， 如 图 17.17 所 示 。 
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< 上 cz [Tt>] sm |[ ws | 


图 17.16 数据 表 适 配器 配置 向 导 (4) 


i 


17.17 ”数据 表 适 配器 增加 的 方法 
将 上 述 设置 保存 并 进行 编译 ， 当 没有 提示 错误 时 再 进行 下 一 步 。 
(3) 创建 自 定义 类 。 
右 击 网 站 名 ， 选 择 【 增 加 新 项 】 后 再 选择 【类 】 命 令 ， 以 打开 类 的 定义 对 话 框 。 现 在 
假定 类 名 是 Classl.cs( 注 意 ; 新 创建 的 类 必须 放置 在 App_Code 目录 下 )， 类 的 定义 如 下 。 


using System; 
using System.Data; 
using System.Configuration; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
public class Classl 
{ 
DataSetl ss = new Datasetl1(); // 生 成 数据 集 对 象 
DatasetlTableAdapters.CustomersTableAdapter tt; // 声 明 数据 表 适 配器 
public Classl() 
{ 
tt = new DataSetlTableAdapters.CustomersTableAdapter () 7 
// 生 成 数据 表 适 配器 对 象 tt 
上 


public bool decreasePremoney (int cid，Decimal pay) // 创 建 处 理 数据 的 方法 
{ 
Decimal Prem = (Decimal)tt.GetPremoney (cid); // 取 出 预付 款 
Decimal remain = Prem - pay; // 从 预付 款 中 减 去 本 次 需要 的 付款 
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if (remain < 0)  ”// 若 预付 款 不 够 ， 返回 false 
' return false; 
Lge // 将 调整 后 的 余额 送 回 客户 表 ， 并 返回 true 
tt.UpdatePremoney (cid, remain); 
return true; 


} 


这 里 的 类 处 于 显示 层 和 数据 层 之 间 ， 它 的 一 端 从 显示 层 获 取 输 入 的 数据 ， 男 一 端 通过 
数据 表 适 配器 利用 存储 过 程 从 数据 表 中 获取 数据 。 综 合 两 方面 的 数据 进行 逻辑 处 理 ， 并 将 
处 理 结果 分 发 到 需要 的 地 方 。 

Classl 类 在 这 里 的 主要 作用 就 是 ， 将 客户 的 预付 款 中 减 去 本 次 交易 的 付款 数 ， 如 果 不 
够 减 ， 返 回 false， 表 明 此 次 交易 失败 ， 如 果 够 减 ， 返 回 tue， 同 时 将 减 后 的 结果 送 回 客户 
表 的 预付 款 字段 中 。 

(4) 创建 显示 层 。 

在 网 页 中 创建 显示 界面 ， 界 面 中 的 控件 布局 如 图 17.18 所 示 。 


客户 D 13300 需 付款 ， 1000 
计算 是 否 成 功 | 预付 加 修 次 成 功 。 


CastomerID CompanyName ContactName 


3300 河北 安泰 公司 。 刘 福 贵 3 27000000 


3301 上 海 六 福 公司 。 李 净 泗 300.0000 
33 长 沙 实用 商贸 公 何 时 长 沙 $] 路 。 0731 

3302 如 何 时 为 。 5! Ti665544 800000 

3303 北京 前 门 商店 ” 吴 作 为 本 ss 76900000 


17.18 ”预付 款 修改 界面 


其 中 GridViewl 控件 可 以 通过 SqlDataSource 数据 源 控件 直接 与 Customers 数据 表 相 
连接 ， 以 显示 客户 表 的 数据 。 
网 页 中 的 代码 如 下 。 


using System; 

using System.Data; 

using System.Configuration; 

using System.Collections; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Web.UI.HtmlControls; 

public partial class premoney : System.Web.UI.Page 

{ 
Classl ccss = new Class1(); // 生 成 类 对 象 
protected void Page Load(object sender, EventArgs e) 
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{ 
’ 
// 在 按钮 的 Click 事件 中 调用 类 方法 以 处 理 数据 


protected void Buttonl _ Click(object sender, EventArgs e) 
{ 
int cid = int.Parse (TextBoxl.Text); // 客 户 标志 
decimal pay = decimal .Parse (TextBox2.Text); // 本 次 交易 需 付款 数 
bool resultl=ccss.decreasePremoney (cid,pay) 7 // 调 用 类 中 的 方法 进行 计算 


if (!result1) // 如 果 预 付款 不 够 
TextBox3 .Text = "预付 款 不 够 。"; 

else 
TextBox3.Text = "预付 款 修改 成 功 。"; // 处 理 成 功 


GridViewl .DataBind(); 
‘ 
} 
代码 的 关键 部 分 在 【计算 】 按 钮 的 Click 事件 中 ， 根 据 输入 的 客户 ID 以 及 本 次 交易 
需要 的 付款 数 ， 调 用 类 (Class1) 的 方法 来 完成 对 预付 款 的 修改 工作 。 


17.6 小 结 


对 于 一 个 功能 比较 复杂 或 者 功能 有 特殊 要 求 的 网 站 来 说 ， 最 好 采用 三 层 架 构 ， 因 为 在 
中 间 层 中 可 以 放置 任意 定义 的 类 ， 因 此 使 用 起 来 非常 灵活 ， 几 乎 不 受 限制 。ASPNET 3.5 
为 创建 中 间 层 提供 了 很 多 支持 。 对 于 访问 数据 库 来 说 ， 最 重要 的 支持 是 提供 了 对 象 数 据 源 
控件 (ObjectDataSource)、 数 据 集 (DataSeDb 和 数据 表 适 配器 (TableAdapteD 。 其 中 数据 集 是 内 
存 中 的 数据 库 ， 它 可 以 在 断 开 与 数据 源 连 接 的 条 件 下 工作 ; 数据 表 适 配器 是 数据 源 与 数据 
集 之 间 的 中 间 环 节 ， 显 示 控件 通过 对 象 数据 源 与 数据 集 进行 数据 绑 定 。 除 之 以 外 ， 对 象 数 
据 源 控件 还 能 够 在 缓存 数据 、 防 止 数据 访问 中 的 冲突 等 方面 发 挥 重要 作用 。 


他: 元 洁 题 


1. 填空 题 
(1) ASP.NET 3.5 中 ， 中 间 层 中 的 对 象 都 应 放 入 目录 中 ， 以 便 各 网 页 共享 。 
(2) ObjectDataSource 作为 中 间 层 的 数据 源 控件 ， 在 访问 数据 库 时 能 够 提供 以 下 几 方 
面 的 支持 
2. 选择 题 
(1) 在 三 层 架 构 中 ， 客 户 端 是 系统 的 前 台 ， 负 责 客户 界面 的 显示 ; 后 台 负 责 数 据 的 存 
储 和 管理 ; 而 中 间 层 负责 
A.， 非 UI 的 逻辑 处 理 B. 安全 监督 
C. 代码 优化 D.、 协助 后 台 管理 
(2) 数据 表 适 配器 是 数据 集 与 数据 源 之 间 的 桥梁 ， 它 的 任务 是 
A.、 将 检索 后 的 数据 填 入 数据 集 B. 将 数据 集中 更 新 后 的 数据 返回 数据 源 
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C.、 传送 客户 输入 的 数据 D. A+B 
(3) 在 中 间 层 中 的 数据 集 相当 于 

A.、， 内存 中 临时 的 数据 库 B. 数据 源 中 的 数据 表 在 内 存 中 的 副本 

C. 客户 输入 的 数据 D.、 受 保护 的 数据 
3. 判断 题 
(1) 数据 表 适 配器 采用 不 同 的 检索 语句 ， 可 以 使 数据 集中 获得 不 同 的 记录 。 (  ) 
(2) 类 库 中 的 类 才 允 许 放 入 中 间 层 中 。 CY 
4. 简 答题 


(1) 创建 中 间 层 的 目的 是 什么 ?三 层 架 构 适用 于 什么 情况 ? 
(2) ASP.NET 3.5 为 创建 中 间 层 提供 了 哪些 支持 ? 

(3) 举例 说 明 通过 中 间 层 访问 数据 库 的 步骤 。 

5. 操作 题 


(1) 创建 一 个 中 间 层 用 来 访问 数据 库 。 

(2) 直接 调用 中 间 层 定义 的 类 对 象 访问 数据 库 。 

(3) 通过 ObjectDataSource 数据 源 控件 访问 数据 库 。 

(4) 用 三 层 架 构 来 设计 一 个 网 上 和 与 论调 查 程序 ， 要 求 在 指定 时 间 内 防止 客户 重复 投 


， 并 能 统计 和 显示 投票 的 结果 。 题 型 参考 例 9.4。 


第 18 章 LINQ 技术 


LINQ 是 ASPNET 3.5 新 推出 来 的 一 项 突破 性 的 技术 创新 ， 目 的 是 用 统一 的 方法 来 处 
理 不 同类 型 的 数据 ， 使 应 用 程序 与 数据 之 间 结 合 得 更 加 紧密 ， 处 理 起 来 更 加 流畅 。 本 章 将 
要 讲述 以 下 几 个 问题 : 

@ 概述 。 

LINQ 查询 的 语法 基础 。 
Lambda 表达 式 。 

LINQ to SQL. 

利用 LINQ 编辑 数据 库 。 
使 用 LINQ 数据 源 控件 。 
调用 存储 过 程 。 

利用 LINQ 分 析 数 据 。 


18.1 概 述 


LINQ 是 .NET Language Integrated Query 的 缩写 ， 翻 译 成 中 文 的 意思 是 “.NET 语言 集 
成 查询 ”。 

LINQ 的 作用 是 什么 ? C#NET 的 首席 设计 师 Anders Hejlsberg 概括 地 说 ，LINQ 的 目 
标 就 是 解决 程序 代码 与 数据 间 不 匹配 的 问题 。 

计算 机 的 主要 任务 就 是 处 理 数据 ， 然 而 长 期 以 来 计算 机 的 程序 语言 与 数据 处 理 之 间 并 
不 完全 匹配 。 各 种 主流 程序 语言 ， 如 C++、C#、Java 等 ， 经 过 长 期 的 实践 和 发 展 ， 找 到 
了 “面向 对 象 ”这 种 最 佳 模式 。 而 数据 方面 ， 不 同类 型 的 数据 根据 自己 的 目标 ， 也 都 找到 
了 适合 于 自身 的 模式 。 例 如 : 

@ 数据库 建 立 在 关系 代数 的 基础 之 上 ， 用 表格 及 关系 来 组 织 数据 ， 用 SQL 来 处 理 


数据 。 
@ XML 用 文档 或 文档 对 象 模型 (DOM) 与 标记 相 结合 来 组 织 数据 ， 用 XPath 或 
XQuery 来 处 理 数据 。 


@ ”其 他 数据 如 Excel、 电 子 邮 件 信息 或 Windows 注册 表 等 ， 都 有 自己 特有 的 组 织 形 
式 和 特定 的 应 用 程序 接口 (APD。 
现在 要 通过 应 用 程序 来 处 理 这 些 数 据 ， 就 需要 解决 语言 与 数据 之 问 模式 不 匹配 的 问 
题 。 如 何 解决 这 一 问题 呢 ? 传统 的 方法 就 是 在 程序 中 先 建立 一 个 数据 访问 层 ， 然 后 将 各 种 
数据 处 理 的 语句 作为 字符 串 嵌 入 到 应 用 程序 的 代码 中 ， 处 理 时 先 映射 到 不 同 的 模式 中 去 ， 
处 理 完毕 后 再 返回 来 。 这 种 方式 带 来 了 一 些 问题 ， 例 如 : 
@ ”设计 人 员 必 须 掌握 对 各 种 不 同类 型 数据 的 处 理 方法 ， 这 个 要 求 增加 了 设计 人 员 学 
习 的 难度 。 
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e@ 嵌入 式 结合 有 时 并 不 理想 。 以 数据 库 为 例 ， 由 于 SQL 属于 后 编译 语言 ， 语 言 中 
的 问题 往往 只 能 在 程序 的 运行 中 才能 暴露 ， 而 不 能 在 程序 编译 阶段 发 现 。 

@ 应 用 程序 对 数据 的 处 理 过 程 需要 在 不 同 模式 之 间 多 次 切换 ， 因 而 进行 得 并 不 

现在 LINQ 技术 就 是 要 将 不 同 数据 的 处 理 方法 ， 统 一 到 面向 对 象 的 模式 下 来 ， 从 而 降 
低 设计 人 员 的 学 习 难度 ， 进 一 步 提高 数据 处 理 的 效率 。 

为 此 ， 首 先 要 建立 起 各 类 数据 与 “类 ”和 “对 象 ”之 间 的 映射 关系 。 映 射 的 过 程 虽然 
比较 复杂 ， 但 系统 可 以 提供 工具 来 自动 进行 。LINQ 就 是 用 来 执行 这 项 映射 工作 的 ， 它 的 
邮 辑 结构 如 图 18.1 所 示 。 


Programming Language | 
C# VB-.NET ... others 


LINQ 
(NET Language Integrated Query) 


LINQ providers 
amo | [tem [ES (mowoasn) (rmowew] [] 


A 周二 于 四 | 


NE 


18.1 LINQ 的 逻辑 结构 

图 的 最 上 层 是 应 用 程序 ， 它 使 用 各 种 程序 语言 ， 下 面 是 各 种 不 同类 型 的 数据 ， 中 间 是 
LINQ 和 LINQ providers。 在 LINQ providers 中 包括 LINQ to Objects、LINQ to XML、 
LINQ to SQL、LINQ to DataSet 与 LINQ to Entities 等 多 个 组 成 部 分 ， 分 别 能 将 不 同类 型 的 
数据 抽象 到 LINQ 对 象 层 来 ， 然 后 再 用 面向 对 象 的 模式 去 处 理 它们 。 

LINQ 技术 经 过 多 年 的 研发 (最 先 使 用 的 名 字 是 NHibemate for NET)， 广 泛 地 吸取 了 各 
种 现代 语言 的 精华 ， 如 强 类 型 、 现 代 动 态 语言 、 函 数 式 语言 等 。 研 发 的 成 果 不 仅 能 将 各 种 
类 型 的 数据 统一 到 面向 对 象 的 模式 中 来 ， 而 且 还 使 C#NET 语言 向 前 跨 进 了 一 大 步 。 其 中 
PLINQ( 也 称 并 行 LINQ) 就 是 LINQ 技术 的 扩展 ， 它 允许 在 不 单独 处 理 线程 、 线 程 池 及 同步 
的 情况 下 实现 并 行 查询 就 是 一 例 ( 由 于 篇 幅 限制 本 书 不 作 介绍 )。 


注意 : 目前 O/R 设计 器 是 一 个 简单 的 对 象 关系 映射 器 ， 它 仅 支持 1 : 1 的 映射 关系 ， 不 支 
持 复杂 映射 (例如 ， 将 实体 类 映射 到 联接 表 )。 此 外 ， 该 设计 器 还 是 一 个 单 向 代码 生 
成 器 。 这 表示 代码 文件 中 只 反映 对 设计 器 视图 所 做 的 更 改 。 


18.2 LINQ 查询 的 语法 基础 


LINQ 语言 是 C#NET 3.0 语言 的 扩展 (目前 还 能 用 于 Visual Basic 2008 语言 )。 下 面 将 
结合 一 个 简单 的 示例 来 说 明 LINQ 的 语法 结构 。 示 例如 下 。 


第 18 章 “LINQ 技术 259 


Var st = from nn in person 
where nn.Length >=3 
select nn; 
语句 的 作用 是 从 一 串 人 名 (person) 中 找 出 长 度 大 于 或 等 于 3 的 名 字 ， 将 其 值 赋 给 变 
量 st。 
整个 语句 中 包括 若干 子 句 。 
e@ from 子 句 : 它 定义 了 查询 的 数据 源 和 局 部 变量 。 
®@ ”where 子 句 : 它 指明 了 对 数据 源 筛 选 的 条 件 。 
@ select 子 句 : 它 指明 了 查询 的 输出 形式 。 
从 上 面 的 示例 可 以 看 出 ，LINQ 与 SQL 语句 的 格式 相似 ， 这 是 它 的 一 大 特点 。 在 
LINQ 语句 中 将 用 到 很 多 SQL 子 句 。 除 上 面 三 种 以 外 ， 还 将 用 到 以 下 几 种 。 
@ group 和 into 子 句 : 可 用 于 由 关键 字 分 组 返回 结果 。 
@ orderby 子 句 : 可 对 查询 结果 按照 升序 或 降序 进行 排列 。 
@ join 子 句 : 可 以 在 成 员 的 基础 上 连接 不 同 的 数据 源 。 
elet 子 句 : 它 用 于 定义 (或 称 “ 投 影 ”) 结 果 。 在 这 里 是 返回 满足 条 件 的 人 名 。 
另外 还 将 用 到 很 多 类 似 于 SQL 系统 函数 的 方法 。 
@ Average: 取 元 素 的 平均 值 。 
Count: 取 元 素 的 个 数 。 
: 取 元 素 中 的 最 大 值 。 
Min: 取 元 素 中 的 最 小 值 。 
e@ ”Sum: 取 元 素 值 的 总 和 。 
因此 ， 学 过 SQL 的 读者 可 以 利用 已 经 具备 的 知识 来 编写 LINQ 语句 。 但 是 必须 明 
确 ， 尽 管 从 形式 上 ，LINQ 语句 与 SQL 有 很 多 相似 之 处 ， 但 是 LINQ 与 SQL 是 两 种 完全 
不 同性 质 的 语言 。 下 面 就 来 比较 两 者 之 间 的 区 别 。 
(1) 数据 源 不 同 。 
首先 需要 搞 清 的 是 ， 上 述 示例 中 的 person 代表 什么 ? 
在 SQL 语句 中 它 只 能 是 数据 库 中 的 数据 表 。 而 LINQ 可 以 应 用 于 多 种 不 同类 型 的 数 
据 ， 它 可 能 来 自 数据 库 ， 也 可 能 来 自 “ 字 符 串 数组 ”， 还 可 能 来 自 内 存 中 的 数据 集 
(DataSet)。 只 要 对 数据 源 加 以 定义 ， 其 他 语句 不 需 改 变 就 能 应 用 。 
例如 ， 当 数据 源 是 一 个 字符 串 数组 (string[]) 时 ， 定 义 的 语句 如 下 。 
string[] BookName={" 语 文 ", "数学 ", "新闻 学 ", "英语 ", "计算 机 科学 ", "化 学 ", "伦理 学 "}; 
Var course = from w in BookName 
where w.Length >2 // 字符 串 长 度 > 2 
orderby Ww.ToUpper() descending // 取 大 写 后 以 降序 排列 


select w; 


course.Dump () 7 // 这 是 使 用 LINQPad 工具 时 运行 开始 的 语句 


© @ @ 
E 
四 


运行 结果 : 
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注意 : LINQPad 是 一 个 很 好 的 学 习 LINQ 的 工具 ， 它 容量 小 ， 只 有 2MB 左右 ， 允 许 免费 
下 载 ， 下 载 后 不 需 安装 即 可 直接 使 用 。 下 载 网 址 是 http://www .linqpad.net/。 


(2) 语法 方面 不 同 。 

语法 方面 有 以 下 几 点 重要 的 区 别 。 

@ 在 SQL 语句 中 总 是 将 Select 放 在 最 前 面 ， 而 LINQ 将 from 放 在 最 前 面 ， 在 from 
与 select 之 间 人 允许 放 入 where、joins、orderby 或 into 等 子 句 。 

为 什么 顺序 上 要 做 这 样 的 改变 ? 这 是 因为 只 有 先 用 from 放 在 前 面 确定 了 应 用 的 
范围 ， 在 后 面 的 语句 中 才能 更 好 地 利用 “智能 提示 ”来 选择 需要 的 项 目 。 

另外 ， 在 LINQ 语句 以 及 变量 中 都 是 区 分 大 小 写 的 ， 而 SQL 语句 中 不 区 分 大 
小 写 。 

@ 等 号 左边 的 变量 st( 或 course) 代 表 查 询 结 果 。 这 里 用 var st( 或 var course) 的 形式 来 
声明 变量 。 在 JavaScript 语言 中 ， 经 常会 遇见 这 种 形式 ， 但 这 里 与 JavaScript 的 
变量 声明 不 同 ，JavaScript 不 是 强 类 型 语言 ， 而 st( 或 course) 是 一 个 强 类 型 变量 ， 
它 的 类 型 是 什么 ， 这 里 虽然 没有 明确 指出 ， 但 编译 器 会 根据 等 号 右边 的 表达 式 来 
自动 推断 出 它 的 类 型 (例如 ， 当 数据 源 是 字符 串 数组 时 ， 它 就 是 Tenumerable 
<string> 类 型 )。 这 是 C# 3.0 语言 新 提供 的 “类 型 推断 ”功能 ， 它 允许 使 用 var 关 
键 字 ， 具 体 类 型 则 由 编译 器 自动 推断 出 来 。 这 也 就 为 设计 者 省 去 了 很 多 麻烦 ， 也 
减少 了 很 多 可 能 产生 的 错误 。 

@ 语句 中 的 nn( 或 w) 代 表 什 么 。 它 是 一 个 局 部 变量 ， 在 fom、let、join 或 into 中 用 
来 表示 某 个 范围 。 这 个 变量 的 类 型 虽然 没有 直接 定义 ， 但 是 它 的 类 型 也 由 编译 器 
自动 确定 。 


18.3 Lambda 表达 式 


在 C# 3.0 语言 中 引入 了 Lambda 表达 式 (Expression)。Lambda 是 一 种 定义 匿名 方法 的 
表达 式 ， 可 以 被 嵌入 到 LINQ 中 使 用 ， 它 结构 简练 ， 却 可 以 包含 丰富 的 内 容 。Lambda 
Expression 的 格式 如 下 : 

(参数 列表 ) => 表达 式 或 者 语句 块 


表达 式 中 以 “=> ”为 界 (“=>” 念 成 goes to)， 分 为 左右 两 部 分 ， 左 边 是 参数 列表 ， 右 
边 是 函数 的 实现 部 分 (函数 体 )。 在 参数 列表 中 可 以 包括 0 到 多 个 参数 。 参 数 的 类 型 可 以 隐 
含 也 可 以 直接 显示 。 隐 含 时 变量 属于 什么 类 型 ， 由 编译 器 根据 表达 式 的 前 后 文 来 自动 
例如 ， 下 列 Lambda 表达 式 定义 了 一 个 匿名 方法 。 
(int x, int y) => (x*y) / 2 
用 传统 的 函数 来 表达 上 述 Lambda 表达 式 时 为 
int f£ (int x, int Y) 


returm (x * y)/23 
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Lambda 还 可 表达 为 一 棵 “目录 树 ”。 所 谓 目 录 树 就 是 由 操作 数 和 操作 符 节点 组 成 的 
树 。 上 述 Lambda 的 目录 树 如 图 18.2 所 示 。 


图 18.2 Lambda 的 目录 树 


几 个 典型 的 Lambda 表达 式 示例 如 下 。 
(1) 显示 类 型 的 输入 参数 : 


(int x) =>x+1 
(int x) => { return x + 1; } 


(2) 隐 含 类 型 的 输入 参数 : 


x=>x+1 // 一 个 参数 

x => { return x + 1; } 

customer => customer.Name 

person => person.City == "Paris" 
(x, y) => x*y // 两 个 或 多 个 参数 


(person, minAge) => person.Age >= minAge 
(3) 无 输入 参数 : 


于 二 天 证 

( ) => Console.WriteLine() 

下 面 用 几 个 示例 来 说 明 Lambda 表达 式 的 使 用 方法 。 

例 18.1 计算 两 个 整 型 数 相 乘 。 

static void Main () 

{ 
Func<int, int, int> mul =(int x, int y) => x * Y7 
Console.WriteLine (mul (6, 4)); 
Console.ReadLine (); 


} 

其 中 Func<int int n> 代表 Func<T,T,TResult>。 前 两 项 代表 输入 参数 的 类 型 ， 第 三 
项 为 返回 类 型 。 以 上 代码 运行 的 结果 为 24。 

第 一 条 语句 也 可 简化 为 


Func<int, int, int> mul =( x, y) => x*y; 
例 18.2 ”输出 包括 “ 国 ” 字 与 “中 ” 字 的 字 串 。 


static void Main () 
{ 
var words = new string[]{" 中 国 
IEnumerable<string> hasDAndE = 
words.Where(s => s.Contains(' 国 ') && s.Contains(' 中 ')); 


"英国 "，" 法 国 ", "中 国人 "}; 
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foreach (string s in hasDAndE) 
Console.WriteLine(s); 
Console.ReadLine (); 


运行 结果 如 下 : 


例 18.3 将 多 个 整 型 数 按照 由 小 到 大 排列 显示 。 


static void Main() 
{ 
var numbers = new int[] {1, 3, 5, 7, 9, 2, 4, 6€, 8, 10 }; 
IEnumerable<int> ordered = numbers.OrderBy (n=>n); 
foreach (var num in ordered) 
Console.WriteLine (num); 
Console.ReadLine (); 


} 

运行 结果 如 下 : 

数字 按照 由 小 到 大 排列 

例 18.4 确定 给 定 的 字符 串 中 是 否 包含 “机 ” 字 。 


static void Main () 
{ 
string findword = "机 "7 
Var words = new string[]{ 
"电视 "， "洗衣 机 "， 于 冰箱 "， "手机 "}; 
Var matches = words.Select(s => s.Contains (findword)); 
foreach (Var str in matches) 
Console.WriteLine (str); 
Console.ReadLine(); 


} 

其 结果 显示 : 
False 

True 


False 
True 


如 果 要 显示 出 具体 名 称 时 ， 语 句 应 改写 如 下 。 


static void Main() 
{ 
string findword = "机 "7 
Var words = new string[]{ 
"电视 "，" 洗 衣 机 "，" 电 冰箱 "，" 手 机 "}; 
IEnumerable<string> matches = words.Where(s => s.Contains (findword)); 
foreach (var str in matches) 
Console.WriteLine (str); 
Console.ReadLine(); 
人 


运行 结果 如 下 : 


洗衣 机 
手机 
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18.4 LINQ to SQL 


前 面 已 经 介绍 LINQ 的 语言 基础 ， 下 面 重点 讲述 利用 LINQ 访问 SQL Server 数据 库 的 
施法 。 

数据 库 是 用 表格 中 的 行 、 列 和 关系 来 表示 数据 的 。 为 了 用 LINQ 来 处 理 数据 库 中 的 数 
据 ， 须 先 将 数据 库 映 射 成 类 和 对 象 。 它 们 之 间 的 映射 关系 是 ， 每 个 类 对 应 于 一 个 数据 行 ， 
每 个 类 的 属性 对 应 于 一 个 数据 列 。 

映射 的 工具 有 两 种 ，SQL Metal 和 LINQ to SQL。 其 中 SQL Metal 是 一 个 命令 行 工 
具 ， 而 LINQ to SQL 是 一 个 O/R 可 视 化 设计 器 。 下 面 将 重点 介绍 后 者 。 


18.4.1 将 数据 库 映射 成 类 和 对 象 


对 象 /关系 设计 器 (OAR 设计 器 ) 提 供 了 一 个 可 视 化 的 设计 界面 ， 用 于 建立 数据 库 与 实体 
类 之 间 的 映射 。 就 是 说 ， 通 过 O/R 设计 器 可 以 在 应 用 程序 中 创建 数据 库 的 对 象 模型 。 

目前 ，O/R 设计 器 只 支持 SQL Server 2000/2005/2008/Express 或 Compact 3.5 数据 库 
的 映射 。 

现在 以 微软 提供 的 Northwind 样板 数据 库 为 例 ， 来 讲解 使 用 O/R 设计 器 的 方法 。 

(1) 在 网 站 的 Add_Data 目录 下 将 Northwind.mdf 数据 库 调 过 来 。 

(2) 在 【添加 新 项 】 对 话 框 中 选择 【LINQ to SQL 类 】。 在 打开 的 对 话 框 中 修改 文件 
名 (这 里 改 为 Northwind.dbml)， 语 言 选 择 Visual C#。 最 后 在 系统 的 提示 下 将 映射 的 类 放 在 
App_Code 目录 下 。 此 时 将 打开 一 个 可 视 化 的 界面 。 

(3) 界面 分 为 左 、 右 两 部 分 。 左 边 可 放 入 数据 表 及 它们 之 间 的 关系 ; 右边 ( 单 击 鼠 标 
右键 后 可 在 隐藏 、 显 示 之 间 切 换 ) 放 入 存储 过 程 。 现 在 打开 数据 库 资 源 管理 器 ， 将 多 个 
数据 表 拖 到 左边 的 窗 格 中 来 ， 然 后 将 若干 存储 过 程 拖 入 到 右边 窗 格 中 。 其 结果 如 图 18.3 
所 示 。 


Y CustOrdersDetal (System Int32 orderlD) 
Y CuctOrdercDet a (System Int32 orderID) 


18.3 LINQ to SQL 可 视 化 界面 
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界面 中 的 方 框 代表 数据 表 映 射 后 的 实体 类 ， 数 据 库 中 的 字段 就 映射 成 实体 类 中 的 属 
性 。 实 体 类 之 间 的 连 线 (Associations) 代 表 数 据 表 之 间 的 关系 (Relationships)。 箭 头 代表 “一 
对 多 ”的 同步 关系 ， 箭 头 的 起 始 端 代表 “一 ” 端 ， 终 点 代表 “多 ” 端 。 

(4) 启动 编译 以 完成 映射 工作 。 


18.4.2 ”映射 中 的 对 应 关系 


数据 库 与 实体 类 之 间 的 映射 关系 是 : 

(1) 每 张 数 据 表 (Table) 映 射 成 一 个 实体 类 (Entity Class)。 

(2) 数据 表 中 的 字段 (Column) 映 射 成 类 中 的 属性 (Class Member)。 

(3) 数据 库 的 关系 (Relationships) 映 射 成 类 的 关联 (Association)。 

(4) 存储 过 程 (Stored Procedure) 映 射 成 类 中 的 方法 (Method)。 

(5) 除 此 之 外 ， 系 统 还 生成 了 一 个 DataContext 类 (这 里 为 NorthwindDataContext 类 )。 
在 DataContext 类 中 定义 了 LINQ 与 外 部 关系 数据 库 之 间 的 联系 ， 如 同一 座 桥梁 架设 在 实 
体 类 与 数据 库 之 间 。 其 具体 作用 包括 : 

@ ”连接 数据 库 。 

@ ”从 数据 库 中 读 取 数 据 。 

@ ”向 数据 库 提交 编辑 后 的 结果 。 

经 过 上 述 映 射 后 ， 在 App_Code 目录 下 将 自动 生成 一 个 .dbml 文件 (包括 .dbmil.layout 
和 .designer.cs 两 个 文件 )。 

双击 dbml 文件 时 可 以 看 到 可 视界 面 。 右 击 .dbml 文件 名 ， 在 弹出 的 快捷 菜单 中 选择 

【打开 方式 】 命 令 ， 然 后 选择 【XML 编辑 器 】 时 ， 可 以 看 到 .dbml 文件 的 内 容 。 这 是 一 个 

XML 文件 ， 它 用 XML 标签 定义 了 数据 表 (Table)、 数 据 列 (Column) 的 结构 以 及 各 表 之 间 的 
关系 (Association)。 

双击 打开 .designer.cs 文件 时 ， 可 以 看 到 用 C# 语 言 定义 的 类 名 ， 以 及 类 包括 的 属性 和 
方法 。 其 中 也 可 以 找到 DataContext 类 的 类 名 。 

映射 后 可 以 在 各 个 实体 类 的 属性 对 话 框 中 修改 该 类 的 属性 ， 属 性 对 话 框 如 图 18.4 
所 示 。 


要 44 | 加 
量 
访问 权限 Publc 
继承 修饰 符 (无 ) 
类 中 的 名 称 一 、 芝 型 [全 
延迟 加 载 False 
SS 
服务 器 数据 类 型 Int NOT NULL IC 
数据 表 中 的 名 称 更 新 从 se 
可 nul False 
时 间 改 False 
ProductID 
只 读 Fakse 
主键 True 
自动 生成 的 值 True 
自动 同步 铬 入 时 


18.4 映射 后 的 属性 对 话 框 
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属性 对 话 框 的 上 半 部 是 类 成 员 的 属性 ， 下 半 部 是 数据 库 成 员 的 属性 。 例 如 : 

@ 上面 的 “名 称 ” 是 类 中 的 属性 名 ， 下 面 的 “ 源 ” 是 对 应 于 数据 库 中 的 字段 名 。 如 
果 将 “名 称 ” 改 用 汉字 时 ， 网 页 中 将 用 汉字 显示 相应 的 字段 名 。 

@ ”如 果 将 属性 的 【延迟 加 载 】 设 为 tue 时 ， 该 字段 只 有 在 以 后 使 用 时 再 加 载 。 一 些 
容量 大 的 成 员 (如 较 大 的 图 片 )， 可 以 利用 这 个 属性 缩短 打开 网 页 的 时 间 。 

e 在 视图 中 右 击 类 的 属性 (字段 ) 后 在 弹出 的 快捷 菜单 中 选择 【删除 】 命 令 ， 可 以 去 
掉 一 些 应 用 程序 中 不 用 的 字段 (在 数据 库 中 字段 并 没有 消失 )。 


18.4.3 ”映射 后 的 部 分 代码 


打开 Northwind.designer.cs 设计 文件 ， 就 可 以 看 到 映射 后 各 实体 类 的 代码 。 
以 Products 数据 表 为 例 ， 它 已 经 映射 成 以 下 的 类 。 


[Table (Name="dbo.Products")] 
public partial class Products :... 


字段 如 ProductID、ProductName 都 已 经 映射 成 以 下 的 属性 。 


private int ProductID; 
private string _ProductName; 
public int ProductID 
{ 
get 
{ 
return this. ProductID; 
} 


set 


if ((this. ProductID != value)) 
i 


本 
} 


[Column (Storage="_ProductName", DbType="NVarChar(40) NOT NULL", 
CanBeNull=false)] 
public string ProductName 
{ 
get 
{ 
return this. ProductName; 
} 


set 


if ((this. ProductName != value)) 
{ 


i 
} 
¥ 
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18.4.4 ”数据库 显示 和 查询 


1. 利用 LINQ 显示 数据 表 
下 面 将 结合 GridView 控件 (或 其 他 控件 )， 用 编写 LINQ 代码 的 方法 来 显示 数据 表 中 的 
数据 。 例 如 : 
protected void Page Load (object sender, EventArgs e) 
NorthwindDataContext db = new NorthwindDataContext() 7 
Var product = from p in db.Products 
select new 
{ 
p.CategoryID, 
p.ProductID, 
p.ProductName, 
p-.QuantityPerUnit, 
p.UnitPrice 
}; 
GridViewl .DataSource = product; 
GridViewl .DataBind(); 
} 


上 述 代码 可 以 显示 Products 数据 表 中 的 4 个 字段 。 
如 果 记 录 数 较 多 时 ， 可 以 对 记录 进行 分 页 。 分 页 时 除 需 设置 允许 分 页 ， 指 定 每 页 包括 
的 记录 条 数 以 外 ， 还 需 在 GridView 控件 的 PageIndexChanging 事件 中 设置 以 下 代码 。 
protected void GridViewl PageIndexChanging (object sender, 


GridViewPageEventArgs e) 


{ 
GridViewl.PageIndex = e.NewPageIndex; 


DataBind (); 
} 
如 果 想 分 组 显示 时 ， 其 代码 如 下 。 
protected void Button2 Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext (); 
var q = from p in db.Products 
group p by p.CategoryID into g 
// 按 categoryID 进行 分 组 
select new 
{ 
类 型 ID = g.Key, 
总 和 = g.sum(p => p.UnitPrice)， // 显 示 每 组 的 总 金额 
最 低 价 = g.Min (P => p.UnitPrice),// 显 示 每 组 中 的 最 低 价 
最 高 价 = g.Max(p => p.UnitPrice) // 显 示 每 组 中 的 最 高 价 
] 
GridViewl.DataSource = q; 
GridViewl.DataBind() 7 
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2. 跨 数 据 表 查 询 


如 果 数 据 表 之 间 已 经 建立 了 关系 ， 则 可 以 按照 下 列 办 法 器 数据 表 进 行 查询 ， 并 将 多 个 
数据 表 中 的 查询 结果 显示 在 同一 张 表格 中 。 
例如 产品 类 型 表 (Categories) 与 产品 表 (Products) 已 经 建立 了 “一 对 多 ”的 同步 关系 ， 现 
在 想 要 将 “类 型 名 ”与 相关 的 “产品 名 ”显示 到 同一 张 表 格 中 。 由 于 类 型 名 与 产品 名 分 别 
放 在 不 同 的 数据 表 中 ， 因 此 应 该 使 用 跨 数据 表 查 询 的 方法 。 其 代码 如 下 。 
protected void Button2 Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext () 7 
var q = from c in db.Categories 
from p in c.Products 
where c.CategoryID == int.Parse(DropDownList1.SelectedValue 
select new { c.CategoryName, p.ProductName }; 
GridViewl.DataSource = q; 
GridViewl .DataBind(); 
} 
代码 中 用 下 拉 列 表 控 件 中 选择 项 的 值 (SelectedValue) 作 为 条 件 ， 显 示 “ 类 型 名 ”与 对 
应 的 “产品 名 ”。 
上 述 代码 也 可 以 改写 如 下 。 


protected void Buttonl_ Click(object sender, EventArgs e) 


NorthwindDataContext db = new NorthwindDataContext(); 
var q = from c in db.Products 
where c.Categories.CategoryID == 
int.Parse (DropDownList1l.SelectedValue) 
select new { c.Categories.CategoryName, c.ProductName }; 


GridViewl.DataSource = q; 
GridViewl .DataBind(); 
} 
在 后 面 这 段 代 码 中 直接 从 同步 的 “多 ” 方 进入 。 
from c in db.Products 
因而 可 以 通过 它 找 到 “一 ” 方 的 数据 表 ( 实 体 类 )， 并 调用 该 表 的 字段 (属性 ); 与 此 相 
反 ， 如 果 从 “一 ” 方 进入 不 能 直接 找到 “多 ” 方 的 数据 表 ， 只 能 通过 另 一 个 from 语句 进 
行 设置 。 


18.5 利用 LINQ 编辑 数据 库 


数据 库 ( 表 ) 的 编辑 包括 更 新 (Updating)、 插 入 (Inserting)、 删 除 (Deleting) 三 方面 。 在 更 
新 和 删除 中 都 需要 先 定位 ， 再 执行 编辑 操作 。 

编辑 工作 都 是 先 在 映射 的 实体 类 中 进行 ， 完 成 后 再 将 结果 用 SubmitChanges() 方法 送 
回 数据 库 。 如 果 没 有 最 后 这 一 句 ， 数 据 库 中 的 数据 都 不 会 改动 。 
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下 面 将 围绕 Northwind 数据 库 来 讲解 数据 库 的 编辑 方法 。 网 页 界面 如 图 18.5 
所 示 。 


类 到 D2 产品 四 | 修改 后 的 单价 产品 名 : 


2 0 

z F 者 | | zoom 
2 

3 


参 丙 天 要 时 每 箱 10 公 斤 
相川 误 事 闪 等 箱 10 公 斤 


18.5 ”网 页 界面 


18.5.1 更 新 数据 表 (Updating) 
代码 如 下 。 


protected void Button2 Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext (); 
var q = from p in db.Products 
Where p. 产 品 ID == int.Parse (TextBox8.Text) 
select p; 
// 先 定位 需要 修改 的 记录 
foreach (var c in q) 
t 
c. 单 价 =decimal .Parse (TextBox3.Text); 
} 
db.SubmitChanges (); 
// 返回 数据 库 进行 修改 
} 


如 果 改 用 Lambda 表达 式 ， 可 以 采用 更 加 简洁 的 形式 取得 同样 的 效果 。 代 码 如 下 。 
protected void Button2 Click(object sender, EventArgs e) 
{ 

NorthwindDataContext db = new NorthwindDataContext (); 

Products updatePrice=db.Products.Single (m=>m. 产 品 
ID==int.Parse (TextBox8 .Text) ) 7 

// 先 定位 需要 修改 的 记录 
updatePrice. 单 价 =decimal.Parse (TextBox3.Text) 


// 指 定 字段 修改 的 值 
db.SubmitChanges () 7 


// 返 回 数据 库 修改 
1 


18.5.2 ”插入 新 记录 (Inserting) 


增添 记录 时 需 首先 创建 一 条 新 记录 (对 象 )， 包 括 数据 表 中 不 能 为 null 的 所 有 字段 然 
后 再 将 这 个 对 象 作为 属性 成 员 添加 到 原 有 的 实体 类 中 ， 最 后 增加 到 数据 库 中 。 代 码 如 下 。 


protected void Button3 Click(object sender, EventArgs e) 
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{ 
NorthwindDataContext db = new NorthwindDataContext () 7 
Products pp = new Products { 类 型 ID = int.Parse (TextBoxl .Text), 


品名 = TextBox4.Text }; 
// 先 生成 一 条 新 记录 
db.Products .InsertOnSubmit (pp) 
// 将 新 记录 加 入 到 类 中 
db .SubmitChanges () 7 
// 将 新 记录 增加 到 数据 库 中 
} 


18.5.3 ”删除 记录 (Deleting) 
删除 记录 前 必须 定位 ， 找 到 准备 删除 的 记录 ， 然 后 再 执行 出 除 操作 。 代 码 如 下 。 


protected void Button4 Click(object sender, EventArgs e) 
{ 


var q = from p in db.Products 
where P. 产 品 ID == int.Parse (TextBox8 .Text) 
select p; 

foreach (var c in q) 


db.Products.DeleteOnSubmit (c); 


} 
db.SubmitChanges (); 
} 


也 可 以 采用 另 一 种 更 加 简洁 的 形式 ， 代 码 如 下 。 
protected void Button4 Click(object sender, EventArgs e) 


Products DD=db.Products.Single (m=>m. 产 品 
ID==int.Parse (TextBox8.Text)); 

db.Products .DeleteOnSubmit (DD); 

db.SubmitChanges () 7 


18.6 使 用 LINQ 数据 源 控 件 


ASP.NET 3.5 提供 了 LinqDataSource 控件 。 该 控件 的 作用 是 将 多 种 数据 显示 控件 ， 如 
GridView、Repeater、DataList、ListView、DetailsView 等 ， 与 由 LINQ to SQL 或 LINQ to 
Object 创建 的 实体 类 进行 数据 绑 定 ， 以 便 完 成 对 数据 的 检索 (选择 、 筛 选 、 分 组 、 排 序 ) 和 
编辑 (更 新 、 删 除 和 插入 ) 工 作 。 利 用 LINQ 数据 源 控 件 显示 或 编辑 数据 库 非 常 简单 ， 但 灵 
活性 不 如 直接 编写 代码 。 

下 面 以 GridView 显示 控件 为 例 ， 讲 解 通过 LINQ 数据 源 控件 查询 数据 库 和 管理 数据 
库 的 方法 。 

(1) 在 网 站 中 放 入 Northwind 数据 库 和 GridViewl 控件 ， 在 控件 的 属性 对 话 框 中 可 以 
设置 各 种 属性 (如 分 页 等 )。 

(2) 右 击 GridViewl 右上 角 标 签 ， 选 择 LINQ 数据 源 控件 ， 并 打开 【配置 数据 源 】 对 
话 框 。 配 置 LinqDataSource 数据 源 的 过 程 与 配置 SqlDataSource 基本 相同 。 
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(3) 单 击 【 完 成 】 按 钮 即 完成 配置 工作 。 
18.7 ”调用 存储 过 程 


下 面 用 一 个 示例 来 说 明 在 LINQ to SQL 中 调用 存储 过 程 的 方法 。 
假定 在 O/R 设计 视图 中 放 入 一 个 存储 过 程 ， 名 为 Sales_by_Year。 原 来 的 存储 过 程 代 
码 如 下 。 


ALTER procedure "Sales by Year" 

@Beginning Date DateTime, @Ending Date DateTime RS 
SELECT Orders.ShippedDate, Orders.OrderID, "Order Subtotals".Subtotal, 
DATENAME (yy, ShippedDate) AS Year 
FROM Orders INNER JOIN "Order Subtotals" ON Orders.OrderID = "Order 
Subtotals".OrderID 
WHERE Orders.ShippedDate Between Beginning Date And @Ending Date 


从 代码 可 以 看 出 ， 这 个 存储 过 程 将 返回 在 指定 时 间 范 围 内 的 订单 情况 。 经 过 O/R 设 
计 视 图 的 映射 ， 存 储 过 程 变 成 为 方法 ， 名 字 与 存储 过 程 相同 。 
为 调用 这 个 方法 ， 在 网 页 界面 上 先 放 两 个 TextBox 控件 ， 分 别 用 于 输入 时 间 和 截止 时 
间 。 另 外 放 一 个 按钮 ， 其 Click 事件 的 代码 如 下 。 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext () 7 
Var order = 
db.Sales_by_Year( DateTime.Parse (TextBox1l.Text),DateTime.Parse (TextBox8 . 
Text) ) > 
// 调 用 方法 
GridView1.DataSource = order; 
GridViewl .DataBind(); 
} 


18.8 ”利用 LINQ 分 析 数 据 


下 面 列举 几 个 常用 的 应 用 示例 ， 来 说 明 LINQ 进行 数据 分 析 的 方法 。 示 例 中 准备 使 用 
Wizard 控件 将 多 种 分 析 综合 到 一 个 网 页 中 。 使 用 的 界面 如 图 18.6 所 示 。 


LE 
134630.560000 
109825.450000 


5903.610000 


18.6 利用 Wizard 控件 进行 综合 分 析 
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18.8.1 销售 分 析 


在 一 定 的 时 间 范 围 内 ， 统 计 按 月 销售 的 金额 。 
界面 中 先 放 入 两 个 TextBox 以 便 输入 统计 日 期 的 范围 ， 格 式 为 : 月 /日 /年 。 再 放 入 一 
个 按钮 ， 其 Click 事件 的 代码 如 下 。 


protected void Button1l_ Click(object sender, EventArgs e) 
{ 


NorthwindDataContext db = new NorthwindDataContext (); 
var q = from p in db.Order Details 
where p.Orders.OrderDate >= DateTime.Parse (TextBoxl].Text) && 


Pp.Orders.OrderDate <= DateTime.Parse (TextBox8.Text) 
group p by p.Orders.OrderDate.Value.Month into g 


orderby g.Sum(x => x.Quantity * x.UnitPrice) descending 
select new 


{ 
月 份 = g.Key, 


金额 = g.Sum(x => x.Quantity * x.UnitPrice) 
3 


GridViewl.DataSource = q; 


GridViewl.DataBind(); 
} 


18.8.2 ”对 产品 销路 的 分 析 
在 一 定时 间 范 围 内 ， 统 计 各 产品 的 销售 情况 ， 按 照 销 售 量 的 降序 进行 排列 。 
界面 中 先 放 入 两 个 TextBox 控件 以 便 输入 统计 的 日 期 范围 ， 格 式 为 : 月 /日 /年 。 再 放 
入 一 个 按钮 ， 其 Click 事件 的 代码 如 下 。 
protected void Buttonl Click(object sender, EventArgs e) 
! 
NorthwindDataContext db = new NorthwindDataContext(); 
var q = from p in db.Order Details 


where p.Orders.OrderDate >= DateTime.Parse (TextBox1l.Text) 


&&p.Orders.OrderDate <= DateTime.Parse (TextBox8.Text) 
group p by p.Products.ProductName into g 


orderby g.Sum(x => x.Quantity * x.UnitPrice) descending 
select new 


产品 名 = g.Key, 
金额 = g.Sum(x => x.Quantity * x.UnitPrice) 
}; 


GridView1.DataSource = q; 


GridView1.DataBind() 7 
} 


18.8.3 ”职工 管理 
1. 职工 的 业绩 比较 
如 果 职 工业 绩 可 以 用 该 职工 经 


的 合同 金额 来 衡量 。 其 代码 如 下 。 


protected void Buttonl_Click(object sender, EventArgs e) 
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NorthwindDataContext db = new NorthwindDataContext () 7 
var q = from p in db.Order Details 
where p.Orders.OrderDate >= DateTime.Parse (TextBox1l.Text) && 
P-Orders.OrderDate <= DateTime.Parse (TextBox8 .Text) 
group p by p.Orders.EmployeelID into 9 
orderby g.Sum(x => x.Quantity * x.UnitPrice) descending 
select new 
{ 
职工 标志 = g.Key,， 
金额 = g.Sum(x => x.Quantity * x.UnitPrice) 
] 7 
GridView1.DataSource = q; 
GridView1l.DataBind()7 


2. 显示 当天 生日 的 职工 
代码 如 下 。 


protected void Button3 Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext (); 
Var birth = from b in db.Employees 
where b.BirthDate.Value.DayOfYear == System.DateTime.Now.DayOfYear 
select new 
{ 
b.EmployeeID, 
b.BirthDate, 
b.FirstName, 
b.LastName, 
b.TitleOfCourtesy 
Fs 
GridView3.DataSource = birth; 
GridView3.DataBind(); 


18.8.4 ”批量 修改 数据 
例如 所 有 的 水 果 降价 10%， 按 照 原来 价格 的 90% 出 售 。 可 以 用 下 列 代码 来 实现 。 


protected void Button2 Click(object sender, EventArgs e) 
{ 
NorthwindDataContext db = new NorthwindDataContext (); 
var q = from p in db.Products 
where p.Categories.CategoryName == "水 果 " 
select p; 
foreach (var c in q) 
{ 
c. 单 价 = c. 单 价 * 0.9M; ”// 类 型 为 money 时 ， 后 面 都 要 加 M 
db.SubmitChanges (); 
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18.9 小 结 


LINQ 的 主要 目标 是 ， 将 应 用 程序 对 各 种 类 型 的 数据 处 理 统一 到 面向 对 象 的 模式 中 
来 。 从 外 观 上 来 看 ，LINQ 的 格式 与 SQL 语句 相似 ， 但 它们 是 两 种 不 同 的 语言 ， 其 本 质 的 
区 别 在 于 数据 源 不 同 。SQL 的 数据 源 只 能 是 数据 库 ( 表 )， 而 LINQ 的 数据 源 可 以 来 自 多 种 
不 同类 型 。 其 他 方面 还 有 一 些 重要 的 区 别 。 比 如 LINQ 是 一 种 强 类 型 语言 ， 其 类 型 采用 了 
“类 型 推断 ”技术 ， 即 由 编译 器 根据 前 后 文 的 情况 自动 确定 类 型 。LINQ 区 分 大 小 写 ， 而 
且 语 言 的 顺序 也 有 所 不 同 。 在 LINQ 语言 中 嵌入 Lambda 表达 式 是 C# 3.0 的 重要 发 展 ， 
Lambda 具有 高 度 抽象 和 很 强 的 表达 能 力 ， 嵌 入 在 LINQ 语句 中 能 够 用 更 加 简练 的 语句 实 
现 更 强 的 功能 。 

LINQ to SQL 是 LINQ 应 用 的 一 个 重要 方面 。 它 首先 利用 可 视 化 工具 (O/R 设计 器 ) 将 
数据 库 ( 表 ) 映 射 到 实体 类 中 来 。 其 中 DataContext 类 在 实体 类 与 数据 库 之 间 起 桥梁 作用 。 
然后 按照 与 应 用 程序 的 其 他 语言 相同 的 方式 来 显示 、 编 辑 和 分 析 ， 使 应 用 程序 与 数据 之 间 
更 紧密 地 结合 在 一 起 ， 最 后 通过 DataContext 将 编辑 的 数据 返回 数据 库 。 


18.10 习 题 


1. 填空 题 

(1) Lambda 是 一 种 定义 的 表达 式 。 

(2) 在 LINQ providers 中 包括 
多 个 组 成 部 分 ， 分 别 能 将 不 同类 型 的 数据 抽象 到 LINQ 


与 
对 象 层 来 。 
2. 选择 题 
(1) LINQ 与 SQL 的 本 质 区 别 是 
A. 语法 不 同 B. 安全 程度 不 同 
C. 数据 源 不 同 D. 是 否 强 类 型 变量 
(2) 在 LINQ 语言 中 要 将 from 放 在 前 面 ， 是 因为 
A. 与 SQL 相 区 别 B. 集中 所 有 数据 
C. 安全 因素 D. 能 够 利用 智能 提示 来 选项 
3. 判断 题 
(1) LINQ 不 是 一 种 强 类 型 语言 。 ( ) 
(2) LINQ 语言 的 目标 是 用 面向 对 象 方式 处 理 各 种 类 型 的 数据 。 (3 
(3) Lambda 是 一 种 定义 匿名 方法 的 表达 式 。 | | 
4. 简 答 题 


(1) 在 LINQ 语言 中 什么 是 “类 型 推断 ”? 举例 说 明 。 
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(2) 在 类 的 映射 中 DataContext 类 的 作用 是 什么 ? 
(3) 将 下 面 的 方法 翻译 成 Lambda 表达 式 。 
double f£ (double x, double Y) 
i 
turn (x * y)/2; 


} 
5. 操作 题 

建立 一 个 学 生成 绩 管理 数据 库 ， 包 括 10 名 同学 的 5 门 功 课 成 绩 。 
(1) 利用 LINQ 来 显示 和 编辑 学 生成 绩 管理 库 。 

(2) 利用 LINQ 来 分 析 学 生 学 习 成 绩 。 


第 四 部 分 


前 几 章 讲述 的 重点 是 单个 网 页 的 设计 。 这 一 部 分 将 从 网 站 的 全 局 上 来 讲述 以 下 4 方面 
的 问题 : 

@ ”网 站 的 显示 风格 。 

@ 网 站 导航 。 

@ 基于 角色 的 安全 技术 。 

@ ”网 站 的 个 性 化 服务 。 
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本 章 将 首先 讲述 网 站 显示 风格 的 设计 。 随 着 网 站 功能 的 增强 ， 网 站 逐渐 变 得 庞大 起 
来 。 现 在 一 个 网 站 包括 几 十 、 上 百 张 网 页 已 是 常事 。 这 种 情况 下 ， 如 何 简化 对 众多 网 页 的 
设计 和 维护 ， 特 别 是 如 何 解决 好 对 一 批 具有 同一 风格 网 页 界面 的 设计 和 维护 ， 就 成 为 比较 
普遍 的 难题 。ASPNET 提供 的 主题 、 用 户 控 件 和 母 版 页 技术 ， 为 控件 的 外 貌 、 网 页 的 局 
部 再 到 全 局 风格 的 一 致 提供 了 最 佳 的 设计 方案 。 本 章 将 讲述 这 三 种 技术 ， 具 体 包括 : 

@ 主题 。 

@ 用户 控 件 。 

@ 母 版 页 。 


19.1 主 题 


19.1.1 什么 是 主题 


主题 是 一 个 目录 ， 这 个 目录 中 只 允许 放 进 三 种 类 型 的 文件 ， 皮 肤 文件 (后 级 为 .skin 的 
文件 )、 样 式 文件 (后 级 为 .css 的 文件 ) 和 一 些 图 像 文 件 。 

皮肤 文件 (又 称 外 观 文件 ) 用 来 定义 一 批 服务 器 控件 的 外 貌 ， 级 联 样 式 表 用 来 定义 
HTML 的 标签 。 由 皮肤 、 样 式 再 加 上 相关 的 图 像 组 成 的 主题 实际 上 代表 着 一 种 显示 风格 。 

主题 目录 必须 放置 在 App_Themes 专用 目录 之 下 ， 它 们 的 关系 如 图 19.1 所 示 。 


局 | 回 | 昌 总 是 六 
专用 目录 辐 解决 方案 WebSike5 (2)Y1 个 项 目 ) 


ewesres | 
主题 目 a 

图 像 目 2 
皮肤 文件 一 一 一 一 一 党 ts a 
样式 文件 ” 国 Defaut.aspx 


图 19.1 专用 目录 、 主 题目 录 及 其 包含 的 文件 
每 个 App_Themes 专用 目录 下 可 以 设置 多 个 主题 目录 。 当 App_Themes 专用 目录 下 包 
括 有 多 个 主题 目录 时 ， 就 意味 着 网 站 可 以 根据 需要 选择 不 同 的 风格 来 显示 网 页 。 
19.1.2 创建 主题 及 皮肤 文件 的 方法 


下 面 介绍 主题 及 皮肤 文件 的 创建 方法 。 
(1) 右 击 网 站 名 ， 选 择 【 添 加 文件 夹 】 命 令 ， 然 后 选择 【主题 文件 夹 】 项 ， 系 统 将 会 
在 应 用 程序 的 根 目 录 下 自动 生成 一 个 专用 目录 App_Themes， 并 且 在 这 个 专用 目录 下 放置 
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主题 文件 夹 。 这 里 给 文件 夹 取 名 为 Themes1。 
(2) 右 击 主题 文件 夹 名 ， 在 弹出 的 菜单 中 选择 【外 观 文件 】 命 令 。 
G) 弹出 一 个 皮肤 文件 的 框架 ， 可 以 给 该 文件 改名 ， 但 是 文件 的 后 组 必须 是 .skin。 这 
里 取 名 为 SkinFile.skin 。 
(4) 在 皮肤 文件 (这 里 是 SkinFile.skin) 中 给 TextBox 和 Button 两 种 控件 定义 外 貌 的 语 
句 如 下 。 
<asp:TextBox 
BackColor = "Orange" 
ForeColor = "DarkGreen" 
Runat = "server" /> 
<asp:Button 
BackColor = "Orange" 
ForeColor = "DarkGreen" 
Font-Bold = "true" 
Runat= "server" /> 
文件 中 将 两 种 控件 的 背景 色 都 定义 成 Orange， 前 景色 定义 成 DarkGreen。 将 Button 
控件 的 字体 定义 成 粗 体 。 
值得 注意 的 是 ， 有 的 控件 (如 LoginView、User Control 等 ) 不 能 用 skin 文件 来 定义 外 
貌 。 能 够 定义 的 控件 也 只 能 定义 它们 的 外 貌 属性 ， 其 他 行为 属性 (如 AutoPostBack 属性 等 ) 
不 能 在 这 里 定义 。 
(5) 在 同一 个 主题 目录 下 ， 不管 定义 了 多 少 个 皮肤 文件 ， 系 统 都 会 自动 将 它们 合并 成 
为 一 个 文件 < 
(6) 网 站 中 凡 需 要 使 用 主题 文件 的 网 页 ， 都 需要 在 网 页 的 定义 语句 中 增加 “Theme = 
[主题 目录 ]” 的 属性 。 例 如 : 
<%@ Page Theme="Themes]1".. $> 
在 设计 阶段 ， 看 不 出 皮肤 文件 定义 的 作用 ， 只 有 当 程序 运行 时 ， 在 浏览 器 中 才能 够 看 
到 控件 外 貌 的 变化 。 图 19.2 是 TextBox 和 Button 控件 在 上 述 定义 中 显示 的 界面 。 


文件 四 “编辑 @) 查看 WD 收 头 W ” 诗 
OFE-O- BW sl 
地 址 0) - [加 netwalt sspx 了 ] 园 和 到 链接 > 


六 | 
二 
Ed 


BE 


19.2 ”用 皮肤 文件 定义 控件 的 外 貌 


DE Ey 


19.1.3 ”对 同一 控件 多 种 定义 的 方法 


有 时 需要 对 同一 种 控件 定义 多 种 显示 风格 ， 此 时 可 以 在 皮肤 文件 中 ， 在 控件 显示 的 定 
义 中 用 SkinID 属性 来 区 别 。 例 如 在 TextBox.skin 文件 中 对 TextBox 的 显示 定义 了 三 种 显 
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示 风 格 。 


<asp:TextBox 
BackColor="Green" 
Runat="Server" /> 


<asp:TextBox 
SkinID="BlueTextBox" 
BackColor="Blue" 
Runat="Server" /> 


<asp:TextBox 
SkinID="RedTextBox" 
BackColor="Red" 
Runat="Server" /> 


其 中 第 一 个 定义 为 默认 的 定义 ， 中 间 不 包括 SkinID 。 该 定义 将 作用 于 所 有 不 注 明 
SkinID 的 TextBox 控件 。 第 二 和 第 三 个 定义 中 都 包括 SkinID 属性 ， 这 些 定义 只 能 作用 于 


SkinID 相同 的 TextBox 控件 。 
在 网 页 中 为 了 使 用 主题 ， 应 该 做 出 相应 的 定义 。 例 如 : 


<%@ Page Theme="Themes1"” $%> 
<html> 
<head runat="server"> 
<title> 用 皮肤 文件 定义 TextBox 的 外 貌 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 


<asp:TextBox 
id="TextBox1" 
Runat="Server" /> 


<br /> 


<asp:TextBox 
id="TextBox2" 
SkinID="BlueTextBox" 
Runat="Server" /> 


<br /> 


<asp:TextBox 
id="TextBox3" 
SkinID="RedTextBox" 
Runat="Server" /> 


</form> 
</body> 
</html> 
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程序 运行 中 三 个 TextBox 控件 分 别 显示 不 同 的 风格 ， 情 况 如 图 19.3 所 示 。 


Address | 罩 htp:/locahost26630rhew 加 @ 


图 19.3 不 同 定义 下 的 三 个 TextBox 控件 


实际 上 ， 每 个 常用 服务 器 控件 的 属性 对 话 框 中 都 有 一 个 SkinID 属性 ， 通 过 该 属性 的 
下 拉 列 表 框 可 以 直接 设 定 在 皮肤 文件 中 的 选项 。 


19.1.4 ”应 用 主题 的 方法 


主题 既 可 以 应 用 于 单个 网 页 ， 也 可 以 应 用 于 整个 网 站 。 当 应 用 于 单个 网 页 时 ， 需 在 网 
页 的 第 一 行 代码 中 加 入 以 下 代码 。 


<%@ Page theme= "Themes1"..%> 


当 应 用 于 整个 网 站 时 ， 应 在 网 站 根 目录 下 的 Web.config 文件 中 进行 配置 。 例 如 要 将 
Themesl 主题 目录 应 用 于 网 站 的 所 有 网 页 中 ， 可 以 在 Web.config 文件 中 配置 如 下 。 
<configuration> 
<system.web> 
<pages theme="Themes1"” /> 
</system.web> 
</configuration> 
有 了 这 个 配置 ， 就 不 用 在 每 个 网 页 中 去 定义 主题 文件 了 。 如 果 在 配置 了 网 站 共用 主题 
的 前 提 下 ， 某 张 网 页 对 主题 有 特殊 要 求 时 ， 还 可 以 在 该 网 页 的 Page 语句 中 定义 自己 需要 
的 主题 ， 此 时 网 页 中 的 定义 将 覆盖 Web.config 文件 中 配置 的 主题 。 


19.2 用 户 控 件 


19.2.1 ”什么 是 用 户 控件 


用 户 控 件 (User Control) 是 一 种 自 定义 的 组 合 控件 ， 通 常 由 系统 提供 的 可 视 化 控件 组 合 
而 成 。 在 用 户 控件 中 不 仅 可 以 定义 显示 界面 ， 还 可 以 编写 事件 处 理 代码 。 当 多 个 网 页 中 包 
括 有 部 分 相同 的 客户 界面 时 ， 可 以 将 这 些 相 同 的 部 分 提取 出 来 ， 做 成 用 户 控件 。 

-个 网 页 中 可 以 放置 多 个 用 户 控 件 。 通 过 使 用 用 户 控 件 不 仅 可 以 减少 编写 代码 的 重复 
劳动 ， 还 可 以 使 得 多 个 网 页 的 显示 风格 一 致 。 更 为 重要 的 是 ， 一 旦 需要 改变 这 些 网 页 的 显 
示 界 面 时 ， 只 需要 修改 用 户 控件 本 身 ， 经 过 编译 后 ， 所 有 网 页 中 的 用 户 控件 都 会 自动 跟随 
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变化 。 


户 控件 本 身 就 相当 于 一 个 小 型 的 网 页 ， 同 样 可 以 为 它 选择 单 文件 模式 或 者 代码 分 离 
模式 。 然 而 用 户 控件 与 网 页 之 间 还 是 存在 着 一 些 区 别 ， 这 些 区 别 包括 : 
@ 用户 控 件 文件 的 扩展 名 为 .ascx 而 不 是 .aspx; 代码 的 分 离 (隐藏 ) 文 件 的 扩展 名 
是 .ascx.cs 而 不 是 .aspx.cs。 
@ ”在 用 户 控 件 中 不 能 包含 <HTML>、<BODY> 和 <FORM> 等 HTML 的 标记 。 
@ 用户 控 件 可 以 单独 编译 ， 但 不 能 单独 运行 。 只 有 将 用 户 控件 嵌入 到 .aspx 网 页 文 
件 中 时 ， 才 能 和 ASP.NET 网 页 一 起 运行 。 
除 此 之 外 ， 用 户 控件 与 网 页 非常 相似 。 


19.2.2 创建 用 户 控件 的 方法 


创建 用 户 控件 的 步骤 如 下 。 

(1) 创建 一 个 网 站 。 

(2) 右 击 网 站 中 某 个 目录 ， 选 择 【 添 加 新 项 】 命 令 。 在 打开 的 对 话 框 中 选择 【Web 用 
户 控件 】， 然 后 确定 用 户 控件 的 名 称 ， 单 击 【 添 加 】 按 钮 。 

(3) 从 工具 箱 中 将 控件 添加 到 Web 用 户 控件 中 。 其 中 凡是 希望 用 服务 器 编程 方式 访 
问 的 控件 都 必须 是 服务 器 端 控件 。 

(4) 为 各 控件 设置 属性 或 编写 事件 代码 。 

(5) 给 用 户 控件 进行 编译 。 方 法 是 先 选择 用 户 控件 名 ， 然 后 选择 【生成 】|【 生 成 
页 】 命 令 以 便 完成 编译 工作 。 

下 面 结合 一 个 示例 来 讲述 创建 用 户 控件 的 过 程 。 

假定 某 个 项 目 中 多 个 网 页 的 上 方 都 需要 放置 如 图 19.4 所 示 的 显示 界面 。 可 以 为 这 个 
界面 创建 一 个 用 户 控件 。 


独 凹 痊 
稣 好 下 于 


民 图 
借 ”向 


上 


图 19.4 用 户 控件 示例 


具体 操作 步骤 如 下 。 

(1) 建立 网 站 ， 给 网 站 取 名 为 usrControl。 

(2) 右 击 网 站 (应 用 程序 ) 名 ， 在 弹出 的 菜单 中 选择 【添加 新 项 】 命 令 。 在 打开 的 对 话 
框 中 选择 【Web 用 户 控件 】， 根 据 需 要 确定 其 名 称 ， 然 后 单 击 【 打 开 】 按 钮 ， 以 便 在 设计 
器 中 打开 用 户 控件 。 

(3) 从 工具 箱 的 【标准 】 选 项 卡 中 将 Panel 控件 拖 入 设计 窗口 ， 设 置 它 的 属性 (如 底 
色 、 大 小 等 )。 然 后 在 其 中 拖 入 其 他 控件 ， 如 图 19.4 所 示 。 这 些 控件 包括 : 

e@ 6 个 HyperLink 控件 ， 将 它们 的 Text 属性 分 别 设 成 “新 闻 ”、“ 娱 乐 ” 等 。 

@ 4 个 Image 以 及 4 个 Label 控件 分 别 选 择 各 自 的 图 标 ， 标 上 “保存 ”、“ 下 
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@ 1 个 TextBox 文本 框 和 1 个 【查询 】 按 钮 。 

(4) 在 应 用 程序 中 添加 多 个 Web Form( 网 页 )， 用 于 显示 各 种 不 同 的 内 容 。 

(5) 通过 HyperLink 的 NavigateUrl 属性 分 别 与 各 窗 体 链接 。 

(6) 如 果 需 要 ， 可 双击 【查询 】 按 钮 ， 在 代码 隐 含 文件 中 编写 查询 程序 。 最 后 选择 
【生成 】|【 生 成 页 】 命 令 ， 以 编译 用 户 控 件 。 


19.2.3 ”使 用 用 户 控件 


用 户 控 件 只 能 在 同一 应 用 程序 的 网 页 中 共享 。 就 是 说 ， 应 用 项 目的 多 个 网 页 中 可 以 使 
用 相同 的 用 户 控件 ， 而 每 一 个 网 页 可 以 使 用 多 种 不 同 的 用 户 控件 。 如 果 一 个 网 页 中 需要 使 
用 多 个 用 户 控件 时 ， 最 好 先进 行 布 局 。 然 后 再 将 用 户 控件 分 别 拖 到 相应 的 位 置 。 

在 设计 阶段 ， 有 的 用 户 控件 并 不 会 充分 展开 ， 而 是 被 压缩 成 小 长 方形 ， 此 时 它 只 起 占 
位 的 作用 。 程 序 运行 时 才 会 自动 展开 。 


19.2.4 代码 分 析 
打开 ASPNET 的 【 源 】 视 图 ， 可 以 看 见 用 户 控件 的 相关 代码 如 下 。 


<%@ Register TagPrefix="ucl" TagName="WebUserControll" 
Src="WebUserControll.ascx" $%> 
<body > 
<form id="Forml" method="post" runat="server"> 
<ucl:WebUserControll id="WebUserControlll™" 
runat="server"></ucl:WebUserControll1> 
</form> 
</body> 
其 中 语句 
<%@ Register TagPrefix="ucl" TagName="WebUserControll" 
Src="WebUserControll.ascx" %> 


代表 用 户 控 件 已 经 在 .aspx 中 注册 。 语 句 中 各 个 标记 的 含义 如 下 。 

@ TagPrefix: 代表 用 户 控件 的 命名 空间 (这 里 是 ucl)， 它 是 用 户 控件 名 称 的 前 级 。 
如 果 在 一 个 .aspx 网 页 中 使 用 了 多 个 用 户 控件 ， 而 且 在 不 同 的 用 户 控件 中 出 现 了 
控件 重 名 的 现象 时 ， 命 名 空间 是 用 来 区 别 它们 的 标志 。 

@ TagName: 是 用 户 控 件 的 名 称 ， 它 与 命名 空间 一 起 来 唯一 标识 用 户 控 件 ， 如 代码 
中 的 ucl:WebUserControll。 

e@ Src: 用 来 指明 用 户 控 件 的 虚拟 路 径 。 


19.2.5 将 Web 窗 体 页 转换 为 用 户 控 件 

将 Web 窗 体 页 转换 为 用 户 控件 的 目的 ， 是 为 了 将 该 窗 体 转换 成 为 可 重用 的 控件 。 由 
于 两 者 原本 采用 的 技术 就 非常 相似 ， 所 以 只 需要 做 一 些 较 小 的 改动 即 能 将 Web 窗 体 改变 
成 为 用 户 控件 。 
4 于 用 户 控件 必须 被 嵌 套 于 网 页 中 运行 ， 因 此 在 用 户 控件 中 不 能 包括 <html>、<body> 
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和 <form> 等 HTML 标记 ， 和 否则 将 会 产生 代码 重复 。 转 换 中 必须 移 除 窗 体 页 中 的 这 些 标 
记 。 除 此 之 外 ， 还 必须 在 包括 用 户 控件 的 Web 窗 体 页 中 将 ASPNET 指令 类 型 从 @ Page 
更 改 为 @ Control。 转 换 的 具体 步骤 如 下 。 

(1) 在 代码 (隐藏 ) 文 件 中 将 类 的 基 类 从 Page 更 改 为 UserControl 类 。 这 表明 用 户 控件 
类 是 从 UserControl 类 继承 的 。 

例如 : 在 Web 窗 体 页 中 ， 类 Welcome 从 Page 类 继承 。 语 句 如 下 。 


public class welcome : System.Web.UI.Page{-…} 


现在 改 为 从 UserControl 类 继承 。 语 句 如 下 。 


public class welcome : System.Web.UI.UserControl{.…} 


(2) 在 .aspx 文件 中 删除 所 有 <html>、<head>、<body> 和 <form> 等 标记 。 
(3) 将 ASP.NET 指令 类 型 从 @ Page 更 改 为 @ Control。 

(4) 更 改 Codebehind 属性 来 引用 控件 的 代码 (隐藏 ) 文 件 (ascx .cs)。 

(5) 将 .aspx 文件 的 扩展 名 (后 级 ) 更 改 为 .ascx。 


19.3 母 版 页 


19.3.1 什么 是 母 版 页 


母 版 页 (Master Page) 是 一 个 以 .master 作为 后 级 的 文件 。 一 些 需要 网 站 共享 的 内 容 ， 如 
网 站 商标 (Logo)、 主 菜单 (Mainmenu)、 常 用 的 友好 链接 等 都 可 以 放置 在 母 版 页 中 。 在 母 版 
页 中 既 可 以 放 进 各 种 类 型 的 控件 ， 也 可 以 编写 事件 处 理 代码 ， 同 时 还 要 给 各 网 页 窗 体 留 出 
-处 或 多 处 “自由 空间 ”。 

母 版 页 与 用 户 控 件 之 间 的 最 大 区 别 在 于 ， 用 户 控件 是 基于 局 部 的 界面 设计 ， 而 母 版 页 
是 基于 全 局 性 的 界面 设计 。 用 户 控件 只 能 在 某 些 局 部 上 使 各 网 页 的 显示 取得 一 致 ， 母 版 页 
却 可 以 使 得 在 整体 外 观 上 取得 一 致 。 用 户 控件 通常 被 嵌入 到 母 版 页 中 一 起 使 用 。 

-个 网 站 可 以 设置 多 种 类 型 的 母 版 页 ， 以 满足 不 同 显示 风格 的 需要 。 


19.3.2 创建 母 版 页 的 方法 


下 面 通过 示例 来 讲述 创建 母 版 页 的 方法 。 

首先 创建 一 个 新 网 站 ， 然 后 右 击 应 用 程序 名 ， 在 弹出 的 菜单 中 选择 【添加 新 项 】 命 
令 。 在 弹出 的 对 话 框 中 选择 【和 母 版 页 】， 并 使 用 MasterPagel.master 默认 名 (可 改名 ， 但 后 
级 不 能 改 )。 此 时 在 界面 中 将 出 现 一 个 ContentPlaceHolder 方形 窗口 ， 这 个 方形 窗口 是 配置 
网 页 的 地 方 。 可 以 先 对 网 页 进行 布局 ， 然 后 再 将 这 个 窗口 移动 到 合适 的 地 方 。 下 面 举例 说 
明 具 体 步骤 。 
最 好 采用 div+CSS 并 结合 表格 的 方法 进行 布局 ， 然 后 将 ContentPlaceHolder 拖 放 到 相 
应 的 <div>...</div> 中 。 
由 此 形成 的 母 版 页 如 图 19.5 所 示 。 
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用 户 控件 网页 的 自由 空间 


Bk 网 页 空间 


图 19.5 母 版 页 示例 


19.3.3 “在 母 版 页 中 放 入 新 网 页 的 方法 

可 以 直接 在 母 版 页 中 生成 新 网 页 ， 也 可 以 在 建立 新 网 页 过 程 中 选择 母 版 页 。 

1. 直接 从 母 版 页 中 生成 新 网 页 

直接 从 母 版 页 中 生成 新 网 页 的 步骤 如 下 。 

(D 打开 母 版 页 。 

(2) 右 击 ContentPlaceholder 控件 ， 在 弹出 的 菜单 中 选择 【添加 内 容 页 】 命 令 ， 以 确 
定 内 含 的 新 网 页 。 

(3) 右 击 新 网 页 ， 在 弹出 的 菜单 中 选择 【编辑 主 表 】 命 令 ， 然 后 在 网 页 中 增添 新 控件 。 
此 时 新 网 页 将 被 嵌入 到 母 版 中 ， 与 母 版 页 形成 一 个 网 页 文件 ， 网 页 的 名 字 即 新 网 页 的 
名 字 。 

2. 在 创建 新 网 页 中 选择 母 版 页 

在 创建 新 网 页 中 选择 母 版 页 的 方法 是 : 在 网 站 中 创建 一 新 网 页 。 此 时 ， 在 网 页 名 的 右 
方 提供 了 两 项 选择 ， 可 以 从 中 选择 一 项 或 两 项 ， 或 者 两 项 都 不 选择 。 两 种 选择 项 的 含义 
如 下 。 

@ 将 代码 放 在 单独 的 文件 中 : 代表 采用 代码 分 离 方式 。 

@ ”选择 母 版 页 :代表 将 新 网 页 嵌入 到 母 版 页 中 。 

如 果 两 项 都 不 选择 时 ， 系 统 将 创建 一 个 单 文件 模式 的 独立 网 页 ， 此 网 页 将 独立 于 母 版 页 。 

如 果 选 择 了 第 二 项 ， 将 弹出 一 个 文件 列表 ， 提 供 一 个 或 多 个 “ 母 版 页 ”文件 以 供 选 
择 。 当 选择 其 中 之 一 后 ， 新 网 页 就 会 嵌入 到 指定 的 母 版 页 中 。 

母 版 页 与 新 网 页 将 构成 一 个 整体 ， 成 为 一 个 新 的 网 页 ， 新 网 页 仍 使 用 新 产生 的 网 页 
名 。 在 母 版 页 中 将 包括 多 个 网 页 的 共性 部 分 ， 被 嵌入 的 网 页 中 包含 的 是 网 页 的 个 性 部 分 。 
这 种 关系 可 以 用 一 个 简单 的 表达 式 来 表示 。 

default.aspx = Master Page + default.aspx 


网 页 与 母 版 页 的 关系 如 图 19.6 所 示 。 
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19.6 ”网 页 与 母 版 页 的 关系 


19.3.4 将 已 建成 的 网 页 放 入 母 版 页 中 


如 


为 了 将 已 经 建成 的 网 页 嵌入 母 版 页 中 ， 需 要 在 已 经 建成 的 网 页 中 用 手工 方法 增加 或 改 


- 些 代 码 。 


(1) 打开 已 建成 的 网 页 ， 打 开 它 的 代码 界面 ， 在 页 面 指示 语句 中 增加 与 母 版 页 的 联 


。 为 此 需 增加 以 下 属性 ， 其 中 “~/MasterPage.master” 代 表 母 版 页 名 。 


<%Q@Page Language="C#" MasterPageFile=" ~/MasterPage.master" 
AutoEventWireup=".."> 


(2) 由 于 在 母 版 页 中 已 经 包含 有 HTML、Head、Body、Form 等 标记 ， 因 此 在 网 页 中 


要 删除 所 有 这 些 标记 ， 以 避免 重复 。 同 样 ， 类 似 于 <H1></H1> 的 标记 也 要 删除 (div 标记 不 
要 删除 )。 


(3) 在 剩 下 内 容 的 前 后 两 端 加 上 Content 标记 ， 并 增加 Content 的 ID 属性 、Runat 属 


性 以 及 ContentPlaceHolderID 属性 ， 后 者 的 值 (这 里 是 ContentPlaceHolderl) 应 该 与 母 版 页 
中 的 网 页 容器 相同 。 修 改 后 的 语句 结构 如 下 。 


<asp:Content ID="bodyContent" ContentPlaceHolderID="ContentPlaceHolderl" 
Runat=Server> 
<div> 


</div> 
</asp:Content> 


就 是 说 修改 后 的 代码 中 除 页 面 指示 语句 以 外 ， 所 有 语句 都 应 放置 在 <asp:Content. .> 与 


</asp:Content> 之 间 。 


页 。 
网 页 服务 。 


ASPNET 3.5 提供 了 母 版 页 之 间 的 嵌 套 技术 ， 即 基于 一 个 母 版 页 来 创建 另 一 个 新 母 版 
对 于 某 些 内 容 只 需要 在 部 分 网 页 中 共享 时 ， 可 以 将 这 部 分 内 容 嵌 在 主 母 版 中 ， 为 部 分 


母 版 页 的 堪 套 技 术 并 不 常用 ， 设 计 起 来 也 不 简单 ， 受 到 的 限制 比 一 般 人 的 想象 要 多 ， 


因此 这 里 不 作 介绍 。 
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19.4 小 结 


为 了 使 网 站 中 一 批 网 页 的 显示 风格 保持 一 致 ，ASPNET 提供 了 主题 、 用 户 控 件 和 和 母 
版 页 技术 。 主 题 、 用 户 控件 和 母 版 页 虽然 都 是 对 控件 显示 的 定义 ， 但 是 它们 定义 的 层次 和 
影响 的 范围 不 同 。 

主题 是 利用 皮肤 文件 对 一 批 单个 控件 外 貌 的 定义 ， 皮 肤 文件 必须 放 在 主题 目录 之 下 ， 
而 主题 目录 又 必须 放 在 专用 目录 App_Themes 之 下 。 用 户 控 件 与 母 版 页 都 是 由 设计 者 利用 
标准 控件 自行 创建 的 组 合 控件 ， 用 户 控件 只 能 作用 于 网 页 的 局 部 ， 而 母 版 页 是 对 整体 布局 
的 定义 。 

恰当 地 将 三 者 结合 ， 就 可 以 使 网 站 的 多 个 网 页 之 间 ， 从 单个 控件 到 局 部 ， 再 到 整体 布 
局 方面 在 显示 风格 上 取得 一 致 。 


19.5 习 题 


1. 填空 题 
(1) 皮肤 文件 是 以 .skin 为 后 级 的 文件 ， 用 来 定义 的 样式 。 
(2) 下 面 是 一 段 皮肤 文件 中 的 定义 。 
<asp: TextBox 
BackColor = "Orange" 


ForeColor = "DarkGreen" 
Runat = "server" /> 


代码 将 ” 服务 器 控件 的 底 色 定义 为 色 ， 将 控件 中 的 字符 定义 
为 色 。 
(3) 下 面 是 ASPX 网 页 中 的 一 段 代 码 。 


<$%Q@ Register TagPrefix="ucl" TagName="WebUserControl1" 
Src="WebUserControll.ascx" %> 


其 中 带 下 划 线 的 字符 串 代 表 
2. 选择 题 
(1) 当 一 种 控件 有 多 种 定义 时 ， 用 属性 来 区 别 它 们 的 定义 。 

A. D B. Color C. BackColor D. SkinID 
(2) 用 户 控 件 是 后 组 为 的 文件 。 

A. .master B. .asax C. .aspx D. .ascx 
(3) 母 版 页 是 后 缓 为 的 文件 。 

A. .master B. .asax C. .aspx D. .ascX 


(4) 下 面 是 ASPX 网 页 中 的 一 段 代 码 。 


<%@Page Language="C#" MasterPageFile=" ~/MasterPage.master" 
AutoEgventWireup="..”> 


286 ASPNET Web 开发 教程 


其 中 带 下 划 线 的 部 分 代表 


A.， 母 版 页 的 路 径 B. 用 户 控件 的 名 字 

C.， 用 户 控件 的 路 径 D. 母 版 页 的 名 字 
3. 判断 题 
(1) 利用 主题 可 以 为 一 批 服务 器 控件 定义 样式 。 | | 
(2) 主题 目录 必须 放 在 专用 目录 App_Themes 的 下 面 ， 皮肤 文件 必须 放 在 主题 目录 

下 面 。 《了 

(3) 用 户 控件 是 一 种 自 定义 的 组 合 控件 。 tt ) 
(4) 用 户 控 件 不 能 在 同一 应 用 程序 的 不 同 网 页 间 重 用 。 (” 读 
(5) 使 用 母 版 页 是 为 了 多 个 网 页 在 全 局 的 样式 上 保持 一 致 。 Ct 
4. 简 答题 


(1) 为 了 保持 多 个 网 页 显示 风格 一 致 ，ASP.NET 3.5 使 用 了 哪些 技术 ， 每 种 技术 是 如 
何 发 挥 作用 的 ? 

(2) 简 述 将 ASPX 网 页 转换 成 用 户 控件 的 方法 。 

(3) 简 述 将 已 经 创建 的 ASPX 网 页 放 进 母 版 页 的 方法 。 

5. 操作 题 

将 主题 、 用 户 控件 及 母 版 页 技术 相 结 合 创建 风格 一 致 的 多 个 网 页 。 
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一 位 旅客 到 一 个 陌生 的 地 方 去 旅游 ， 如 果 有 一 位 好 的 向 导 ， 就 能 够 顺利 地 看 到 希望 观 
赏 的 景观 。 同 样 ， 人 们 到 一 个 大 型 网 站 中 去 浏览 ， 如 果 有 一 个 良好 的 导航 工具 ， 就 可 以 快 
速 而 方便 地 找到 感 兴趣 的 信息 。 

如 何 设计 导航 工具 呢 ? 若 用 传统 方法 来 设计 ， 往 往 需要 编写 数 十 条 代码 。 现 在 
ASPNET 3.5 提供 了 层次 控件 和 网 站 地 图 ， 用 它们 来 作 向 导 时 ， 可 以 随时 查看 到 自己 所 处 
的 位 置 、 各 网 页 之 间 的 关系 ， 因 而 可 以 给 客户 进一步 浏览 提供 参考 。 

本 章 先 介绍 单个 控件 ， 然 后 介绍 联合 使 用 的 方法 。 具 体 问 题 包括 : 

@ TreeView 控件 。 

站 点 地 图 文件 。 

将 TreeView 结合 站 点 地 图 进行 导航 。 
利用 动态 菜单 进行 导航 。 

使 用 SiteMapPath 控件 。 


20.1 TreeView 控件 


20.1.1 概述 


开发 Windows 桌面 系统 时 ， 程 序 员 会 经 常用 到 TreeView 层次 控件 ， 然 而 在 网 站 中 ， 
TreeView 控件 的 使 用 却 并 不 普遍 。 为 什么 呢 ? 这 是 因为 在 网 站 中 ， 要 实现 像 桌 面 系统 那 
样 的 功能 比较 困难 ， 传 统 的 方法 是 在 客户 端 结合 “ 层 ” 编 写 大 量 的 DHTML 脚本 。 这 种 方 
法 已 经 被 证 明 是 一 项 比较 艰难 的 工作 ， 设 计 中 必须 考虑 各 种 类 型 的 Web 浏览 器 以 及 浏览 
器 的 不 同 版 本 ， 设 计 完 成 以 后 测试 也 比较 困难 。 现 在 使 用 ASPNET 3.35， 所 有 这 些 复杂 性 
都 不 复 存在 ， 系 统 将 很 多 方法 的 复杂 性 封装 到 了 控件 内 部 ， 只 留 下 了 少量 接口 提供 给 设 
计 者 。 

TreeView 控件 可 以 用 来 表示 层次 型 的 数据 。 网 站 中 各 个 网 页 之 问 是 一 种 层次 关系 ， 
因此 很 适合 用 TreeView 控件 来 描述 。 不 过 应 该 明确 ， 这 里 指 的 网 站 结构 是 指 网 站 的 迪 辑 
结构 而 不 是 物理 结构 ， 逻 辑 结构 与 物理 结构 之 间 并 不 一 定 完全 对 应 。 这 个 特点 增加 了 浏览 
程序 设计 的 灵活 性 。 

在 ASP.NET 3.5 中 ， 既 可 以 直接 在 TreeView 控件 中 创建 网 站 的 逻辑 结构 ， 也 可 以 先 
建立 站 点 地 图 ， 然 后 再 映射 到 TreeView 控件 中 。 下 面 将 分 别 讲述 这 两 种 创建 的 方法 。 


20.1.2 ”选择 TreeView 控件 的 视图 


系统 给 TreeView 控件 提供 了 近 20 种 视图 ， 其 中 包括 几 种 比较 著名 的 界面 ， 如 
Custom、MSDN、XPFileExplorer 和 Windows_Help。 设 计时 可 以 根据 需要 和 个 人 爱好 选择 
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其 中 之 一 。 选 择 方法 如 下 。 

双击 工具 箱 中 的 TreeView 控件 图 标 ， 将 TreeView 控件 放 到 窗 体 页 中 。 在 控件 出 现 的 
同时 ， 将 弹出 一 个 【TreeView 任务 】 对 话 框 ， 在 对 话 框 中 选择 【自动 套用 格式 】 项 以 打 
开 一 个 新 的 对 话 框 。 对 话 框 的 左边 列 出 了 不 同 视图 的 名 字 ， 单 击 其 中 之 一 时 ， 右 边 将 显示 
该 视图 的 显示 界面 ， 如 图 20.1 所 示 。 


图 20.1 给 TreeView 套用 格式 
选择 其 中 之 一 后 ， 单 击 【确定 】 按 钮 ， 即 确定 了 TreeView 的 显示 界面 。 


20.1.3 ”编辑 节点 

1. 增 /删节 点 

在 【TreeView 任务 】 对 话 框 中 选择 【编辑 节点 】 项 ， 在 【TreeView 节点 编辑 器 】 中 
利用 几 个 增 、 删 按钮 增 减 网 页 名 ， 然 后 将 各 网 页 通过 NavigateUrl 属性 与 实际 网 页 相连 ， 
如 图 20.2 所 示 。 

2. 给 节点 属性 赋值 


TreeView 控件 的 属性 很 多 ， 常 用 的 属性 如 下 。 

@ ”EnableClientScript 属性 : 这 是 一 个 重要 的 属性 ， 默 认为 tue。 这 表明 允许 用 客户 
端 脚 本 来 处 理 展 开 和 折 且 节点 的 事件 ， 从 而 避免 在 展开 和 折 对 节点 时 与 服务 器 之 
间 进 行 代价 昂贵 的 信息 往返 。 如 果 将 该 属性 设置 为 false， 则 每 当 客户 单 击 树 中 
的 节点 时 ， 都 需要 向 服务 器 进行 信息 发 送 和 处 理 。 

@ ShowLines 属性 : 默认 情况 下 各 节点 之 间 没 有 用 线条 连接 。 如 果 希 望 在 节点 之 间 
用 线条 连接 时 ， 可 以 将 ShowLines 属性 设 为 true。 

@ Show CheckBoxes 属性 : 是 否 在 节点 上 显示 复 选 框 。 默 认为 None， 代 表 不 显示 
复 选 框 。 如 果 需 要 显示 复 选 框 ， 在 该 属性 的 下 拉 列表 中 还 包括 了 多 种 选择 。 
4 ”Root: 在 根 节点 上 加 复 选 框 。 
4 Parent: 在 父 节点 上 加 复 选 框 。 
e Leaf: 在 叶子 节点 上 加 复 选 框 。 
”All: 在 所 有 节点 上 加 复 选 框 。 
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@ ExpendDapth 属性 : 初始 情况 下 节点 显示 的 深度 。 默 认 是 FullyExpand， 代 表 将 
显示 全 部 深度 上 的 节点 。 可 以 将 该 属性 设置 成 一 个 数字 (例如 2)， 以 确定 初始 条 

件 下 显示 的 深度 。 
图 20.3 是 将 TreeView 控件 的 ShowLines 属性 设 为 tue， 并 且 将 Show CheckBoxes 属 

性 设 为 All 后 显示 的 界面 。 


自动 二 用 EEC 了 


四 
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20.2 给 TreeView 编辑 节点 20.3 ”给 TreeView 增加 连 线 并 在 所 
有 节点 上 添加 复 选 框 


20.1.4 ”对 节点 事件 的 处 理 


对 TreeView 控件 的 操作 包括 两 种 不 同 的 情况 : 一 种 是 展开 或 折 车 树 节点 ， 另 一 种 是 
引发 其 他 的 操作 ， 多 数 情况 下 是 打开 一 个 新 网 页 。 为 了 提高 运行 效率 ， 在 各 个 节点 的 
SelectAction 属性 中 ， 定 义 了 几 种 不 同 的 处 理 方式 。 

@ Select: 引发 SelectNodeChanged 事件 ， 在 服务 器 端 处 理 。 
@ Expand: 引发 TreeNodeExpanded 事件 以 展开 树 节点 ， 在 浏览 器 端 处 理 ， 不 发 送 

给 服务 器 。 

@ SelectExpand: 既 引 发 TreeNodeExpanded 事件 ， 又 引发 SelectNodeChanged 
事件 。 

@ None: 不 引发 任何 事件 。 

若 选择 Select( 这 是 默认 方式 ) 或 者 SelectExpand 方式 还 需要 设置 以 下 两 个 属性 。 

@ ”NavigateUrl: 被 调用 网 页 的 URL。 

@ Target: 被 打开 网 页 放置 的 位 置 。 

选项 中 的 默认 项 是 Select。 如 果 仅 仅 为 了 展开 / 折 又 节点 ， 选 用 Expand 选项 比较 有 

因为 该 选项 将 自动 在 浏览 器 端 执行 ， 运 行 的 效率 较 高 。 

例如 将 “网 页 2 2” 节点 的 事件 设置 为 Expand 时 的 情况 如 图 20.4 所 示 。 

设置 后 的 部 分 代码 如 下 。 


<asp:TreeView ID="TreeViewl" runat="server" ImageSet="Msdn" 
NodeIndent="10" ShowCheckBoxes="Leaf"> 


利 
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Treeyiew 节点 篇 辑 器 


(ND: 
Ei) te 


图 20.4 将 某 节点 的 SelectAction 属性 设置 为 Expand 


<Nodes> 
<asp:TreeNode Expanded="True" Text=" 网 页 1” Value=" 网 页 1"> 
<asp:TreeNode Text=" 网 页 1 1”Value=" 网 页 1 1"></asp:TreeNode> 
<asp:TreeNode Text=" 网 页 1 2” Value=" 网 页 1 2"></asp:TreeNode> 
<asp:TreeNode Text=" 网 页 1 3" Value=" 网 页 1 3"></asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text=" 网 页 2” Value=" 网 页 2"> 
<asp:TreeNode Text=" 网 页 2 1” Value=" 网 页 2_ 1"> 
<asp:TreeNode Text=" 网 页 2 1 1” Value=" 网 页 2 1 1"> 
<asp:TreeNode Text=" 网 页 2 1 1 1" Value=" 网 页 2 1 1 1"> 
</asp:TreeNode> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text=" 网 页 2 2” Value=" 网 页 2_2"> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text=" 网 页 3” Value=" 网 页 3"> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 


其 中 ，“ 网 页 1” 设 置 为 Expand。 其 他 网 页 节点 均 采 用 默认 方式 ， 即 Select 方式 。 


20.2 ”站 点 地 图 文件 


站 点 地 图 文件 是 一 个 XML 文件 ， 用 来 描述 网 站 的 逻辑 结构 。 文 件 的 后 级 是 .sitemap。 
有 儿 种 层次 控件 都 可 以 结合 站 点 地 图 所 确定 的 逻辑 关系 来 给 网 站 导航 。 

为 了 创建 站 点 地 图 ， 右 击 网 站 ， 在 弹出 的 菜单 中 选择 【添加 新 项 】 命 令 ， 然 后 选择 
【站 点 地 图 】 选 项 ， 以 打开 站 点 地 图 文件 。 在 站 点 地 图 文件 中 有 多 个 节点 ， 每 个 节点 具有 
3 种 属性 : 节点 标志 、 调 用 网 页 的 URL 以 及 内 容 提 示 等 。 具 体 情 况 如 下 。 


<?xml Version="1.0"” encoding="utf-8" ?> 
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<siteMap xmlns="http://schemas.microsoft.com/AspNet/siteMap-File-1.0" > 
<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 
其 中 : 
@ udl: 该 节点 调用 网 页 的 URL。 
@ title: 节点 的 标志 。 
@ description: 作为 智能 提示 的 字符 串 (IntelliSense)。 
站 点 文件 刚 被 打开 时 只 是 给 出 了 一 个 框架 ， 具 体内 容 还 需要 用 手工 在 “” 中 去 填写 。 
这 个 框架 表明 ， 文 件 包 括 了 一 个 根 元 素 (<siteMap>)， 零 个 或 多 个 嵌 套 的 节点 元 素 
<siteMapNode> 。 
下 面 是 一 个 填写 后 的 简单 示例 。 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap> 
<siteMapNode title=" 公 司 介绍 "description="Home" url="default.aspx" > 
<siteMapNode title=" 计 算 机 产品 " description=" 本 公司 产品 " 
url="default2.aspx"> 
<siteMapNode title=" 软 件 ”description=" 软 件 选择 " url="default3.aspx" /> 
<siteMapNode title=" 硬 件 ”description=" 硬 件 选择 " url="default4.aspx" /> 
</siteMapNode> 
<siteMapNode title=" 服 务 ”description=" 公 司 提供 的 服务 " url="default5.aspx"> 
<siteMapNode title=" 培 训 "” description=" 培 训 课程 " url="default6.aspx" /> 
<siteMapNode title=" 咨 询 ”description=" 咨 询 的 项 目 " url="default7.aspx" /> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


文件 中 “公司 介绍 ”是 最 外 层 的 节点 ， 它 的 下 面包 括 “ 计 算 机 产品 ”和 “服务 ”两 大 
子 节点 。“ 计 算 机 产品 ”节点 下 面 又 包括 “软件 ”、“ 硬 件 ” 两 个 子 节点 。 


20.3 将 TreeView 结合 站 点 地 图 进行 导航 


Web TreeView 控件 利用 站 点 地 图 进行 导航 的 步骤 如 下 。 

(1) 将 TreeView 控件 置 于 窗 体 中 ， 选 择 新 数据 源 控件 ， 将 弹出 如 图 20.5 所 示 的 对 
话 框 。 

(2) 选择 站 点 地 图 文件 作为 数据 源 ， 将 自动 产生 SiteMapDataSource 数据 源 控件 并 且 
建立 与 Web.sitemap 文件 的 连接 。 运 行程 序 时 将 出 现 如 图 20.6 所 示 的 界面 。 
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ELLEES Ei| 

[本 选择 牧 据 产 类 型 日 公司 介绍 

日 计算 机 产品 

口 万 软件 
口 厂 硬件 
日 服务 

口 万 培训 
sel 至 asal 口 万 咨询 


图 20.5 将 站 点 地 图 作为 数据 源 图 20.6 ”TreeView 的 显示 界面 


20.4 利用 动态 菜单 进行 导航 


利用 动态 菜单 控件 并 结合 站 点 地 图 文件 同样 可 以 给 网 站 导航 。 程 序 运 行 时 只 要 将 鼠标 
指针 移动 到 菜单 的 某 个 节点 上 时 ， 就 会 自动 弹出 其 下 一 层 的 节点 ， 当 鼠标 指针 离开 该 节点 
后 子 节点 又 会 自动 消失 ， 整 个 显示 的 过 程 是 动态 的 。 


20.4.1 结合 站 点 地 图 创建 动态 菜单 


现在 结合 20.2 节 中 使 用 的 站 点 地 图 来 创建 动态 菜单 ， 其 步骤 如 下 。 

(1) 从 工具 箱 中 将 菜单 (Menu) 控 件 放 入 窗 体 页 中 。 其 他 设置 与 对 TreeView 控件 设置 
的 方法 基本 相同 。 将 站 点 地 图 作为 菜单 的 数据 源 ， 此 时 的 界面 如 图 20.7 所 示 。 

(2) 和 TreeView 控件 显示 的 方式 不 同 ， 它 并 不 是 同时 将 菜单 内 容 全 部 显示 出 来 。 只 
要 当 鼠 标 指针 移动 到 某 个 节点 时 ， 该 节点 的 子 节点 就 会 自动 弹出 ， 当 鼠标 指针 移 开 时 ， 弹 
出 的 界面 也 会 自动 消失 。 情 况 如 图 20.8 所 示 。 

自动 套用 格式 (A)… 

选择 数据 源 ; [SteMapData5ourcel = 

出 新 架构 

视图 ; [下 司 公司 介绍 ， 计算机 产品 ， 

编辑 Menultem DatabmndngstD)， 服务 * 培训 
转换 为 DynamicItemTemplate 


转换 为 StaticltemTemplate 
(咨询 的 项 目 
编辑 模板 


图 20.7 将 站 点 地 图 作为 动态 菜单 的 数据 源 图 20.8 菜单 的 动态 显示 


20.4.2 ”创建 主 菜单 


菜单 (Menu) 的 属性 Orientation 可 以 用 来 确定 菜单 项 的 排列 方式 。 该 属性 包括 的 方式 有 
两 种 ， 竖 向 排列 (Vertical) 与 横向 排列 (Horizontal)。 默 认 时 为 竖 向 排列 方式 。 

当 改 为 横向 排列 时 ， 菜 单 中 的 主 项 将 排列 成 一 行 。 将 这 种 菜单 放 入 母 版 页 中 作为 主 菜 
单 可 以 给 网 站 导航 带 来 很 大 方便 。 
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为 了 简化 操作 ， 可 以 直接 采用 手工 方法 来 编辑 主 菜 单 的 菜单 项 。 图 20.9 就 是 一 个 手 
工 编辑 菜单 项 的 示例 。 


训 单 项 篇 加 器 


Navigateunl 
菜单 项 被 选中 时 定位 到 A URL。 


确定 取消 
图 20.9 手工 编辑 菜单 项 示例 
该 菜单 在 网 页 中 的 显示 如 图 20.10 所 示 。 
公司 简介 We ， 要 件 产品 产品 信息 意见 反馈 


20.10” 主 菜单 显示 示例 


20.5 使 用 SiteMapPath 控件 


站 路 径 (SiteMapPath) 控 件 用 来 显示 浏览 者 当前 的 位 置 ， 它 必须 与 网 站 地 图 相 结 合 ， 
而 且 最 好 放 在 母 版 页 中 。 不 需要 为 它 编写 什么 代码 ， 只 要 应 用 程序 中 有 写 好 的 站 点 文件 ， 
将 SiteMapPath 控件 拖 入 窗 体 时 ， 它 就 会 自动 与 站 点 文件 结合 。 

网 站 路 径 控 件 只 能 显示 从 根 节 点 到 当前 节点 之 间 的 路 径 ， 利 用 它 只 能 返回 到 某 个 页 
面 ， 而 不 能 向 前 选择 页 面 。 其 显示 情况 如 下 。 


在 网 站 路 径 控件 中 ， 除 有 一 些 通用 的 属性 以 外 ， 还 有 一 些 特殊 的 属性 可 以 用 来 改变 控 
件 的 显示 界面 。 

@ ”PathDirection: 显示 路 径 的 方向 。 包 括 两 种 选择 。 
”RootToCurrent: 从 根 到 当前 网 页 。 
4 CurentToRoot: 从 当前 网 页 到 根 。 

@ ”PathSeparator: 指定 网 页 之 间 的 分 隔 符 ， 在 这 里 可 以 选择 不 同 的 分 隔 符号 。 

@ RenderCurrentNodeAsLink: 这 是 一 个 逻辑 值 (true 或 false)， 确 定 是 否 使 当前 网 页 
也 和 其 他 网 页 一 样 以 超 链接 方式 显示 。 
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20.6 小 结 


网 站 中 的 文件 是 一 种 层次 结构 。TreeView 和 Menu 都 是 层次 控件 ， 因 此 非常 适合 于 作 
导航 控件 。 可 以 直接 在 控件 中 设置 节点 并 建立 它们 之 间 的 逻辑 关系 ， 然 后 再 与 网 站 中 的 实 
际 网 页 连接 起 来 。 也 可 以 先 建立 站 点 地 图 ， 设 置 节点 以 及 它们 之 间 的 逻辑 关系 ， 然 后 以 站 
点 地 图 作为 数据 源 与 层次 控件 进行 数据 绑 定 。 由 于 这 里 建立 的 站 点 是 逻辑 结构 ， 不 是 物理 
结构 ， 因 此 具有 很 大 的 灵活 性 。 

SiteMapPath 控件 是 一 个 比较 特殊 的 控件 ， 只 要 网 站 中 设置 了 站 点 地 图 ， 该 控件 放 进 
网 页 ， 就 会 自动 与 站 点 地 图 连接 ， 并 显示 以 根 节点 作为 起 点 ， 直 到 浏览 者 当前 位 置 的 路 
径 。 它 只 能 显示 已 经 浏览 过 的 路 径 ， 而 不 能 显示 前 进 方向 的 网 页 。 利 用 它 返回 到 前 面 的 节 
点 时 将 非常 方便 。 


20.7 习 题 


1. 填空 题 

(1) Web TreeView 控件 的 节点 的 EnableClientScript 属性 为 tue 时 ， 代 表 允 许 在 浏览 
器 端 处 理 ” 事件 。 

(2) 当 将 TreeView 的 ExpandDepth 属性 设 为 3 时 ， 代 表 默 认 时 显示 的 


2. 选择 题 
(1) 下 面 是 TreeView 控件 的 一 段 代码 。 


<asp:TreeNode Text=" 节 点 1" SelectAction="Expand"> 
<asp: TreeNode Text=" 节 点 2"./> 
<asp: TreeNode Text=" 节 点 3"./> 

</ asp:TreeNode> 


表明 单 击 “ 节 点 1” 时 只 作 的 操作 。 
A. 调用 网 页 B. 显示 或 隐藏 本 节点 
C. 折 胎 或 展开 子 节点 D. 恢复 原状 

(2) 下 面 是 网 站 地 图 中 的 一 段 代码 。 
<siteMapNode url="" title="AAA" description=""> 
<siteMapNode url="" title="BBB" description="" > 
<siteMapNode url="" title="CCC" description="" /> 
</siteMapNode> 
<siteMapNode url="" title="DDD" description="" /> 
</siteMapNode> 
网 站 中 4 个 节点 的 关系 如 图 所 示 。 

(3) 下 面 是 网 站 地 图 中 的 一 段 代 码 。 


<siteMapNode url="" title="AAA" description=""> 
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<siteMapNode url="" title="BBB" description="" > 


<siteMapNode url="" title="CCC" description="" /> 
<siteMapNode url="" title="DDD" description="" /> 
</siteMapNode> 
</siteMapNode> 


网 站 中 4 个 节点 的 关系 如 图 所 示 。 


图 A | 图 B 图 C 
BAAA BAAA BAAA 
BEB SBBB BEB 
ccc ccc cee 
DDD DDD DDD 
3. 判断 题 
(1) Web TreeView 控件 只 能 用 来 描述 关系 型 数据 。 4 可 
(2) 用 Web TreeView 控件 描述 的 是 网 站 的 物理 结构 。 CE 
(3) 在 Web TreeView 控件 节点 的 SelectAction 属性 中 的 Expand 引发 的 事件 通常 在 服 
务 器 中 进行 处 理 。 C3 
(4) 利用 SiteMapPath 控件 只 能 显示 浏览 的 当前 位 置 以 及 经 过 的 路 径 。 ( ) 
4. 操作 题 


(1) 直接 在 Web TreeView 控件 中 创建 网 站 的 逻辑 结构 。 

(2) 先 创建 网 站 地 图 ， 然 后 在 母 版 页 中 利用 TreeView、 动 态 菜单 和 SiteMapPath 控件 
结合 网 站 地 图 进行 导航 。 

(3) 在 母 版 页 中 增加 一 主 菜 单 以 便 进 行 网 站 导航 。 
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因特网 (Interneb) 虽 然 是 一 个 面向 全 球 的 开放 型 网 络 系统 ， 然 而 其 中 有 些 网 页 并 不 是 对 
所 有 客户 都 无 条 件 开放 的 。 例 如 : 

@ 一 些 用 于 公司 内 部 管理 的 网 页 只 对 公司 内 部 的 人 员 开 放 。 

@ ”有些 网 站 设立 的 收费 项 目 ， 只 对 那些 进行 了 注册 并 交纳 了 费用 的 客户 开放 。 

@ 有 些 商业 网 站 实行 “会 员 制 ”， 只 有 经 过 注册 的 会 员 ， 才 有 权 参 加 某 些 商 业 交 易 

活动 。 

@ 一些 远 程 教育 网 站 允许 学 生 查 阅 自 己 的 成 绩 但 不 允许 修改 成 绩 。 

类 似 的 情况 还 可 以 列 出 很 多 ， 这 些 情况 给 网 站 的 设计 提出 了 新 的 要 求 : 为 了 网 站 的 合 
法 权益 和 网 络 安全 ， 必 须 对 一 些 特定 的 网 页 实施 保护 ; 当 客户 进入 时 要 进行 身份 认证 ， 并 
在 认证 的 基础 上 分 配 资源 。 

基于 角色 的 安全 技术 目前 已 经 成 为 大 多 数 网 站 必 备 的 功能 ， 然 而 设计 这 项 功能 并 不 简 
单 ， 若 使 用 传统 的 方法 ， 需 要 使 用 十 几 个 标准 控件 ， 编 写 上 百 行 代 码 ， 并 经 过 反复 的 调试 
才能 完成 。 现 在 ASPNET 2.0 及 3.5 与 IIS 服务 器 相 结合 ， 在 框架 的 支持 下 ， 对 传统 的 方 
法 做 了 很 大 的 改进 。 系 统 提供 了 强大 的 工具 和 若干 组 合 控件 。 利 用 这 些 工具 可 以 采用 简易 
的 方法 ， 快 速 开发 出 功能 完备 的 基于 角色 的 安全 系统 。 

本 章 将 讲述 以 下 几 方 面 的 内 容 : 

@ 基于 角色 的 安全 技术 的 特点 。 

ASPNET 3.5 基于 角色 的 安全 技术 的 特点 。 
基于 角色 的 安全 技术 的 准备 工作 。 
利用 控件 创建 安全 网 页 。 

直接 调用 Membership API 方法 。 


21.1 基于 角色 的 安全 技术 特点 


21.1.1 网 站 中 可 以 包括 多 个 入 口 


在 桌面 系统 中 ， 由 于 入 口 点 比较 集中 ， 因 此 为 了 保护 某 些 窗 体 ， 主 要 方法 就 是 先 给 客 
户 建立 注册 表 ， 表 中 载 入 客户 的 相关 信息 ， 然 后 在 窗 体 的 入 口 处 设置 登录 界面 来 检查 来 访 
的 客户 ， 看 看 该 客户 是 否 在 注册 表 中 注册 ， 如 果 已 经 注册 再 看 看 属于 什么 身份 ， 然 后 根据 
其 身份 跳 转 到 相应 的 入 口 。 

然而 网 站 与 此 不 同 ， 它 是 一 个 开放 型 的 系统 ， 很 多 网 页 都 有 自己 的 URL， 客 户 通 过 
URL 可 以 直接 访问 这 些 网 页 ， 因 此 网 站 的 入 口 点 很 多 。 这 种 情况 下 ， 即 使 设置 了 登录 网 
页 ， 客 户 还 可 以 绕 过 它 直 接 进入 其 他 网 页 。 因 此 ， 为 了 保护 网 页 需要 给 这 些 网 页 实施 保 
护 ， 或 者 先 将 它们 集中 到 某 些 子 目录 下 ， 再 给 这 些 子 目录 实施 保护 。 
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21.1.2 ”基于 角色 的 安全 技术 是 有 层次 的 


基于 角色 的 安全 技术 是 有 层次 的 ， 应 该 先 将 客户 划分 成 登录 客户 和 非 登录 客户 ， 再 将 
登录 客户 区 分 成 不 同 的 “角色 ”， 并 为 这 些 “ 角 色 ” 赋 予 不 同 的 访问 权限 。 这 些 权 限 有 的 
还 需要 不 定时 地 进行 调整 。 以 交 费 网 页 为 例 ， 客 户 交 费 以 前 和 交 费 以 后 的 访问 权限 是 不 
同 的 。 

在 传统 的 基于 角色 的 安全 技术 中 ， 首 先 要 给 被 保护 的 网 页 设置 保护 措施 (如 用 Session 
对 象 进行 保护 等 ， 参 见 第 9 章 )， 并 且 给 客户 建立 注册 表 ， 在 注册 表 中 注 明 客户 的 姓名 、 
口令 以 及 分 配 的 角色 等 ， 如 表 21.1 所 示 。 


表 21.1 注册 表 


编号 (BH) 姓名 (Name) 密码 (Pass) 角色 (Role) 
111111 
管理 员 
333333 总 经 理 


注意 ; 角色 为 空 时 代表 一 般 成 员 。 

客户 的 认证 实质 上 是 一 个 查询 过 程 。 当 客户 打开 登录 页 面 时 ， 先 要 求 客户 输入 自己 的 
姓名 和 密码 ， 然 后 到 注册 表 中 去 查询 。 如 果 在 表 中 找到 了 可 以 匹配 的 记录 时 ， 说 明 该 客户 
已 经 进行 了 注册 ， 然 后 取出 客户 对 应 的 角色 字段 ， 根 据 分 配给 该 角色 的 权限 让 客户 转 入 到 
相应 的 网 页 。 


21.2 ASP.NET 3.5 基于 角色 的 安全 技术 特点 


在 ASPNET 3.5 中 ， 为 了 进行 客户 管理 并 保证 网 站 安全 ， 系 统 提 供 了 完善 的 服务 。 包 
括 提 供 了 一 个 网 站 管理 工具 和 7 个 组 合 控件 ， 自 动 建立 了 一 个 专用 数据 库 ( 取 名 为 
ASPNETDB.MDF) 和 若干 专用 数据 表 ( 存 储 客户 注册 信息 、 角 色 信 息 以 及 个 性 化 服务 的 信 
息 等 )。 不 仅 如 此 ， 系 统 还 将 存 入 信息 、 查 询 注 册 表 等 项 工作 全 面 地 实现 了 自动 化 。 在 系 
统 的 支持 下 ， 设 计 者 只 需 做 一 些 简单 的 设置 ， 就 能 设计 出 功能 比较 完备 的 基于 角色 的 安全 
的 网 站 。 

在 基于 角色 的 安全 方面 主要 包括 两 方面 的 工作 。 

(1) 客户 认证 方面 : 创建 新 客户 ; 登录 客户 ; 客户 修改 密码 ; 恢复 客户 密码 ;显示 状 
态 和 其 他 有 关 信息 。 

(2) 权限 管理 方面 : 给 客户 划分 角色 ; 给 角色 分 配 资源 。 
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21.3 ”基于 角色 安全 技术 的 准备 工作 


21.3.1 组 织 好 站 点 中 的 文件 


为 了 集中 入 口 点 ， 最 好 建立 若干 子 目录 ， 并 且 将 安全 等 级 相同 的 网 页 放 在 同一 个 子 目 
录 下 ， 然 后 在 各 个 子 目 录 下 设置 Web.config 文件 ， 利 用 该 文件 配置 安全 策略 。 这 就 好 比 
-个 单位 中 有 一 些 保密 文件 ， 可 以 先 将 它们 放 到 专门 的 办 公 楼 里 ， 并 在 办 公 楼 的 入 口 处 设 
立 保卫 人 员 以 检查 来 访 的 客户 。Web.config 文件 就 相当 于 各 个 办 公 楼 的 保卫 人 员 。 图 21.1 
是 一 个 目录 分 布 的 示意 图 。 


名 | 加 天 | 晤 育 


三 个 Web.config 文 件 | 邯 :Vshepping\ 


( 分 别 保护 各 自 的 目录 B- BB adnin 
司 Enployee 
专用 数据 库 白 manager 


圈 sspnetab log 1df 
加 Default. aspx 


图 21.1 Web.config 文件 与 目录 的 关系 
其 中 从 上 而 下 : 第 一 个 Web.config 文件 用 来 保护 admin 目录 下 的 文件 ， 第 二 个 
Web.config 文件 用 来 保护 manager 目录 下 的 文件 ， 第 三 个 Web.config 文件 用 来 保护 网 站 根 
目录 下 的 文件 。 
Web.config 文件 之 间 的 定义 有 继承 关系 ， 若 子 目 录 的 定义 不 同 于 父 目录 时 ， 子 目录 下 
的 文件 按照 子 目录 的 定义 执行 。 


21.3.2 ”利用 网 站 管理 工具 进行 安全 配置 

利用 系统 提供 的 “ASPNET 网 站 管理 工具 ”来 定义 角色 ， 增 添 客户 ， 制 定 访问 规 
则 ， 确 定 信息 存储 位 置 等。 

1. 安全 配置 的 步 又 


选择 主 菜单 中 的 【网 站 】|【ASPNET 配置 】 命 令 ， 以 打开 网 站 管理 工具 ， 如 图 21.2 
所 示 。 

选择 其 中 的 【安全 】 项 (或 者 【安全 】 选 项 卡 )， 即 可 以 打开 安全 设置 界面 ， 如 图 21.3 
所 示 。 
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欢迎 使 用 网 站 管理 工具 
应 用 程序 :/UsersControl 
当前 用 户 名 :CHENG-45YB1TTO3NADMINISTRATOR 


安全 ee 角色 和 对 站 点 的 访问 权限 。 


全 人 
使 您 能 够 指定 存储 网 站 所 用 的 管理 数据 的 位 置 和 方式 。 


图 21.2 网 站 管理 工具 的 整体 界面 


21.3 ”安全 设置 界面 


网 站 的 安全 设置 包括 增加 “客户 ”(User)、 定 义 “ 角 色 ”(Role)、 指 定 “ 访 问 规则 ” 
(Access Rule) 三 大 部 分 。 可 以 利用 下 面 的 三 个 方 框 分 别 进行 设置 ， 也 可 以 利用 系统 提供 的 
安全 设置 向 导 的 智能 提示 逐 项 进行 设置 。 下 面 重点 介绍 使 用 安全 设置 向 导 来 设置 的 方法 。 

(1) 单 击 【 使 用 安全 设置 向 导 按部就班 地 配置 安全 性 】 链 接 ， 在 出 现 的 对 话 框 中 单 击 
【下 一 步 】 按 钮 。 

(2) 在 【选择 访问 方法 】 界 面 中 提供 了 Intermnet 和 Intranet 两 种 选择 ， 这 里 选择 【 通 
过 internet】 项 ， 单 击 【 下 一 步 】 按 钮 。 

(3) 在 【高 级 提供 程序 设置 】 对 话 框 中 提示 : 若 要 更 改 应 用 程序 的 数据 存储 区 ， 请 退 
出 安全 向 导 ， 选 择 【 提 供 程序 配置 】 选 项 卡 。 使 用 【提供 程序 配置 】 选 项 卡 可 以 配置 网 站 
管理 数据 的 存储 方式 。 这 里 不 改变 数据 存储 区 ， 即 仍然 使 用 默认 提供 的 SQL Server 数据 
库存 储 数据 。 因 此 只 要 单 击 【下 一 步 】 按 钮 即 可 。 

(4) 在 步骤 (0) 中 ， 系 统 会 询问 是 否 创建 基于 角色 的 应 用 ， 如 果 应 用 中 需要 用 到 和 角 
色 ， 就 必须 选中 【为 此 网 站 启用 角色 】 复 选 框 ， 单 击 【 下 一 步 】 按 钮 ， 打 开 如 图 21.4 所 
示 的 界面 。 

本 界面 中 表示 已 经 创建 了 两 个 角色 (如 果 第 一 次 创建 ， 将 不 含 任何 角色 )， 如 果 需 要 增 
加 新 角色 时 ， 先 在 【新 角色 名 称 】 文 本 框 中 输入 新 角色 名 ， 然 后 单 击 【 添 加 角色 】 按 钮 即 
可 。 如 果 需 要 删除 某 种 角色 时 ， 只 要 单 击 该 角色 名 右 方 的 【删除 】 即 可 。 处 理 完成 以 后 单 
击 【 下 一 步 】 按 钮 。 

(5) 输入 客户 名 、 密 码 、E-mail 等 信息 。 具 体 做 法 将 在 21.3.3 节 中 讲述 。 单 击 【 下 一 
步 】 按 钮 。 

(6) 弹出 的 界面 如 图 21.5 所 示 。 
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本 为 上 规则 壬 生 一 个 日 好 : 规则 内 用 于 : 报 : 
Se eaefamm I 1 
名 pppDsta CRP 个 起 光 
Sm 
Es 
2 
21.4 增加 新 角色 界面 21.5 ”设置 访问 规则 界面 


图 中 的 左边 列 出 的 是 网 站 的 目录 ， 中 间 的 【角色 】 下 拉 列 表 框 中 将 列 出 角色 名 (下 面 
为 客户 名 )， 右 方 为 访问 权限 (允许 或 拒绝 )。 将 三 者 结合 起 来 确定 某 角色 (或 客户 ) 对 某 目录 
的 访问 权限 。 操 作 过 程 是 : 先 确定 角色 (或 客户 )， 再 确定 权限 ， 再 选择 目录 ， 最 后 单 击 
【添加 此 规则 】 按 钮 。 

2. 对 安全 配置 的 调整 

如 果 需 要 修改 或 重新 调整 安全 配置 ， 可 以 在 安全 配置 的 初始 界面 中 ， 选 择 下 面 三 个 选 
项 之 一 。 

@ ”客户 : 用 来 增添 、 编 辑 或 删除 客户 ， 还 可 以 给 客户 分 配角 色 。 

@ 角色 : 用 来 增添 、 编 辑 或 删除 角色 。 

@ 访问 规则 : 用 来 增加 、 编 辑 或 删除 访问 规则 。 

为 了 给 客户 分 配角 色 ， 回 到 配置 工具 中 的 【安全 】 选 项 卡 ， 单 击 下 面 【 客 户 】 中 的 
【管理 客户 】 项 ， 打 开 如 图 21.6 所 示 的 界面 。 


要 二 冰雪 :| 腹地“ 司 Weno BA 
aan 人 


ghbunneqgesruvwxre : 2 
LA MP Mr 人 仿生 条 “cheng27 翅 加 表 角 他 ， 

了 
po map a a ee 


图 21.6 给 客户 分 配角 色 
分 配 客 户 的 角色 需 逐 个 进行 。 单 击 某 客户 右边 的 【编辑 角色 】 按 钮 时 ， 将 弹出 已 经 存 
在 的 全 部 角色 ， 单 击 复 选 框 选中 就 代表 分 配 了 角色 。 一 个 客户 可 以 分 配 0 个 或 者 多 个 角色 。 
检查 访问 权限 的 分 配 ， 回 到 配置 工具 中 的 【安全 】 选 项 卡 ， 单 击 下 面 【 访 问 规则 】 中 
的 【管理 访问 规则 】 项 ， 打 开 如 图 21.7 所 示 的 界面 。 
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21.7 ”检查 或 调整 权限 的 分 配 
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单 击 左边 的 某 个 目录 ， 然 后 查看 右边 分 配 的 情况 。 图 21.7 中 的 结果 是 对 于 manager 
目录 来 说 ， 人 允许 admin 与 manager 角色 访问 ， 但 拒绝 sales 角色 访问 。 如 果 这 里 显示 的 规 
则 不 符合 需要 ， 单 击 下 面 的 【添加 新 访问 规则 】 后 进行 调整 。 

右边 有 【上 移 】 和 【下 移 】 两 个 按钮 ， 可 以 用 来 调整 规则 的 顺序 。 顺 序 在 这 里 是 非常 
重要 的 。 因 为 系统 总 是 从 上 到 下 逐个 匹配 规则 的 ， 如 果 这 些 规定 中 存在 着 矛盾 ， 只 有 第 一 
个 被 匹配 的 规则 有 效 。 

3. 安全 配置 的 结果 

安全 配置 产生 了 两 个 重要 的 结果 。 

(1) 在 各 个 目录 下 分 别 产 生 了 web.config 配置 文件 。 该 文件 载 入 了 对 该 目录 的 访问 权 
限 。 例 如 Admin 目录 的 web.config 文件 如 下 。 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 
<authorization> 
<allow roles="admin" /> 
<deny roles="manager" /> 
<deny roles="sales" /> 
<deny users="*" /> 
<deny users="?" /> 
</authorization> 
</system.web> 

</configuration> 

代码 中 的 allow 代表 “人 允许”，deny 代表 拒绝 ，roles 代表 角色 ，users 代表 客户 ， 
“*” 代 表 所 有 客户 ，“?” 代 表 匿 名 客户 。 这 段 代码 的 作用 是 ， 此 目录 下 的 文件 只 允许 
admin 角色 访问 ， 拒 绝 manager 及 sales 角色 以 及 所 有 其 他 客户 、 匿 名 客户 访问 。 在 这 里 
代码 的 顺序 非常 重要 ， 因 为 系统 总 是 按照 从 前 向 后 逐条 匹配 的 办 法 ， 并 执行 最 先 的 匹 
配 者 。 

利用 这 一 特点 ， 能 够 用 非常 简单 的 方法 来 调整 客户 的 访问 权限 。 例 如 在 收费 项 目 中 ， 
某 客 户 的 交 费 到 期 ， 只 要 将 该 客户 的 名 字 或 角色 移 到 “<deny users="*" />” 的 后 面 即 可 。 
一 旦 该 客户 补 交 了 费用 时 ， 再 将 它 移 到 “<deny users="*" />” 的 前 面 来 ， 其 中 不 需要 编写 
任何 代码 。 

(2) 在 App_Data 目录 下 出 现 了 一 个 专用 的 SQL Server 数据 库 ( 名 为 ASPNETDB.MDF)。 
数据 库 中 包括 用 于 客户 管理 的 若干 专用 数据 表 ， 这 些 数据 表 将 自动 记录 登录 客户 、 角 色 以 
及 它们 的 相关 数据 。 

4. 集中 编写 保护 代码 的 方法 


程序 设计 者 也 可 以 在 根 目录 下 的 Web.config 文件 中 直接 编写 代码 ， 来 保护 各 个 子 目 
录 下 的 文件 。 编 写 的 代码 中 要 使 用 <location> 标 签 的 path 属性 来 指定 保护 的 范围 。 现 举例 
说 明 如 下 。 

假定 某 网 站 的 目录 结构 如 图 21.8 所 示 。 
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图 21.8 某 网 站 的 目录 结构 


打开 网 站 根 目录 下 的 Web.config 文件 。 在 <system.web>...</system.web> 下 面 增添 各 
子 目 录 的 保护 设置 。 一 般 情况 下 ， 根 目录 下 的 文件 向 所 有 客户 开放 ， 不 必 设 保护 ， 而 子 目 
录 则 根据 需要 设置 保护 。 子 目录 的 层次 越 深 ， 通 常 保护 也 愈加 严格 。 代 码 如 下 。 


<configuration> 
<system.web> 


<system.web> 
<location path="subl"> 
<system.web> 
<authorization> 
<allow roles="admin" /> 
<allow roles="manager" /> 
<deny users="*" /> 
</authorization> 
</system.web> 
</location> 
<location path="subl/subl 2"> 
<system.web> 
<authorization> 
<allow roles="admin" /> 
<deny users="*" /> 
</authorization> 
</system.web> 
</location> 
<location path="sub2"> 
<system.web> 
<authorization> 
<allow roles="admin" /> 
<allow roles="manager" /> 
<deny users="*" /> 
</authorization> 
</system.web> 
</location> 


以 上 代码 表明 ， 对 于 子 目录 sub1(<location path="sub1">) 来 说 ， 人 允许 admin、manager 
角色 访问 ， 而 对 sub 的 子 目 录 sub1_2(<location path="subl/sub1_2">) 来 说 ， 只 允许 admin 
角色 访问 。 

当 几 个 目录 的 保护 设置 相同 时 ， 可 以 将 多 个 目录 的 保护 代码 归并 到 一 起 ， 再 用 逗号 隔 
开 各 个 目录 名 。 在 上 面 的 配置 中 ，subl 与 sub2 两 个 目录 就 属于 这 种 情况 。 归 并 后 的 代码 
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如 下 。 


<configuration> 
<system.web> 


<system.web> 
<location path="subl, sub2"> 
<system.web> 
<authorization> 


</authorization> 
</system.web> 
</location> 


21.4 ”利用 控件 创建 安全 网 页 


ASP.NET 3.5 系统 提供 了 一 组 客户 管理 控件 ， 这 些 控件 中 大 多 数 都 不 是 单一 的 标准 控 
件 ， 而 是 多 个 控件 的 组 合 。 利 用 这 些 控件 可 以 非常 方便 地 完成 客户 管理 和 基于 角色 的 安全 
策略 的 设计 工作 。 这 些 控件 包括 Login( 客 户 登 录 )、CreateUserWizard( 创 建新 用 户 )、 
LoginView( 登录 视图 ) 、LoginName( 登 录 客 户 名 )、LoginStatus( 登 录 状 态 )、 
ChangePassword( 改 变 密码 )、PasswordRecovery( 恢 复 密码 ) 

这 些 控件 不 仅 定义 了 初步 外 观 (可 以 进一步 修改 )， 还 定义 了 标准 行为 。 例 如 有 的 控件 
可 以 用 来 创建 客户 的 注册 、 登 录 和 密码 恢复 界面 的 外 形 并 实现 其 功能 。 也 有 一 些 控 件 主要 
用 来 向 客户 显示 不 同 的 信息 。 例 如 ， 利 用 LoginView 控件 可 以 定义 不 同 的 模板 ， 将 其 显 
示 给 不 同 角色 的 成 员 等 。 


21.4.1 客户 登录 控件 


1. 控件 的 作用 


客户 登录 控件 (Login) 是 基于 角色 的 安全 技术 的 核心 控件 。 该 控件 的 作用 是 进行 客户 认 
证 ， 确 定 新 到 的 客户 是 否 已 经 登录 。 该 控件 的 界面 如 图 21.9 所 示 。 该 控件 对 应 的 代码 
如 下 。 

<asp:Login ID="Loginl" Runat="server" /> 

开始 生成 的 界面 不 一 定 符合 需要 ， 需 要 改变 时 ， 右 击 控件 ， 在 快捷 菜单 中 选择 【 自动 
套用 格式 】 命 令 ， 在 弹出 的 对 话 框 中 可 以 进一步 选择 其 他 界面 ， 并 且 通 过 属性 修改 界面 中 
的 显示 (例如 将 英文 显示 改 成 汉字 显示 等 )。 

Login 控件 实质 上 是 一 个 “用 户 控 件 ”， 它 不 仅 生成 了 显示 界面 ， 还 定义 了 相应 的 行 
为 。 由 于 系统 已 经 自动 生成 了 数据 表 ， 而 且 数 据 表 的 表 名 、 字 段 名 以 及 位 置 都 已 经 固定 ， 

因此 只 要 将 Login 控件 拖 入 到 窗 体 中 ， 不 需要 编写 任何 代码 ， 也 不 需 设 置 任 何其 他 属性 就 
可 以 使 用 。 


2. 部 署 客户 登录 控件 
执行 Login 控件 的 结果 要 么 登录 成 功 ， 要 么 登录 失败 。 为 了 帮助 客户 的 后 续 操作 应 该 
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对 这 两 种 结果 都 提供 帮助 。 

当 登 录 成 功 时 ， 后 续 的 操作 如 下 。 

(1) 转向 新 页 面 。Login 控件 的 DestinationPageUrl 属性 用 来 设置 跳 转 的 页 面 地 址 。 

(2) 改变 视图 。 利 用 本 页 面 的 LoginView 控件 改变 视图 ， 显 示 基 于 角色 的 不 同 界面 。 
具体 方法 将 在 21.4.4 节 中 讲述 。 

(3) 显示 登录 状态 。 利 用 LoginStatus 控件 显示 登录 状态 ， 以 便 随 时 退出 登录 状态 。 

(4) 表示 对 登录 客户 的 欢迎 。 利 用 LoginName 控件 编写 欢迎 语句 。 

登录 失败 时 通常 需要 进行 的 操作 如 下 。 

(1) 提示 错误 信息 ， 要 求 重 新 登录 。Login 控件 的 FailureText 属性 用 来 确定 登录 失败 
时 的 提示 文本 。 

(2) 创建 新 客户 。 通 过 CreateUserWizard 控件 创建 新 客户 ， 以 完成 登录 前 的 准备 工作 。 

(3) 恢复 口令 。 通 过 PasswordRecovery 控件 帮助 客户 恢复 口令 。 

为 此 在 Login 控件 中 最 好 设置 与 上 述 控件 相应 的 页 面 的 连接 指针 。 设 置 的 方法 如 下 。 

(1) 利用 属性 CreateUserText 和 CreateUserUrl 相 结合 指向 创建 的 新 客户 界面 。 前 者 
为 指针 的 文本 ， 后 者 是 网 页 的 地 址 。 

(2) 利用 属性 PasswordRecoveryText 和 PasswordRecoveryUrl 相 结合 指向 口令 代码 恢 
复 的 网 页 。 前 者 是 指针 文本 ， 后 者 是 网 页 的 地 址 。 

(3) 利用 属性 HelpPageText 和 HelpPageUrl 相 结合 指向 帮助 网 页 。 前 者 是 指针 文本 ， 
后 者 是 网 页 的 地 址 。 

上 述 这 些 属性 的 设置 以 及 在 控件 中 的 显示 如 图 21.10 所 示 。 


Login 


Ter Name 


Paseword: 


宕 御用 户 
password 
厂 Remember me next time, 
Log In 
21.9 ”登录 控件 界面 21.10 为 登录 控件 设置 属性 


属性 VisibleWhenLoggedIn 用 来 设置 当 客户 身份 验证 成 功 后 是 否 自动 隐藏 自己 。 如 果 
将 它 设 为 tue 时 ， 一 旦 登录 成 功 ，Login 控件 自己 将 被 隐藏 起 来 。 

在 Login 控件 中 提供 了 4 个 事件 ， 利 用 这 些 事件 可 以 增强 控件 的 功能 。 

@ BeforeLogin: 此 事件 发 生 在 登录 表 验 证 之 前 。 利 用 这 一 事件 可 以 检查 输入 数据 
的 语法 和 格式 是 否 正确 ， 以 便 及 时 提示 错误 并 中 断后 续 的 操作 。 

@ AfterLogin: 该 事件 发 生 在 认证 成 功 之 后 ， 这 使 你 能 够 在 登录 成 功 以 后 附加 一 些 
程序 以 便 做 进一步 处 理 。 

@ Anuthenticate: 该 事件 发 生 在 当 你 想 根据 事件 而 提供 一 个 固定 的 认证 模式 的 时 
候 ， 可 以 详细 说 明 客户 数据 是 否 已 经 被 验证 成 功 。 通 常 ， 可 以 利用 一 个 客户 个 人 
服务 来 执行 自己 的 认证 机 制 。 
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@ LoginError: 该 事件 发 生 在 客户 输入 数据 错误 ， 认 证 停止 的 时 候 。 利 用 此 事件 可 
以 在 错误 发 生 、 停 止 认 证 后 做 进一步 的 处 理 。 
21.4.2 ”使 用 创建 新 用 户 控件 
1. 控件 的 使 用 方法 


利用 创建 新 用 户 (CreateUserWizard) 控 件 可 以 在 登录 表 中 增添 新 客户 ， 并 为 新 客户 登记 
相应 的 参数 。 将 该 控件 从 工具 箱 拖 入 网 页 时 将 自动 生成 


如 图 21.11 所 示 的 界面 。 
控件 相应 的 代码 如 下 。 ke 
—— 
<asp:CreateUserWizard 密码 
ID="CreateUserWizardl" Runat="server" /> 确认 密码 


电子 闻 件 :和 一 一 一 一 一 
界面 中 的 用 户 名 (User Name)、 密 码 (Password) 是 识 安全 提示 问题 


别 客户 的 主要 标志 。 安 全 提示 问题 (Security Question) 以 六 时 
及 安全 答案 (Security Answer) 是 为 了 防止 客户 忘记 自己 密 _ammr | 
码 时 的 提示 。 


在 注册 表 中 ， 每 个 客户 名 都 是 唯一 的 ， 不 能 与 别人 ”图 21.11 创建 新 用 户 界面 
重复 。 对 密码 的 设置 有 比较 严格 的 要 求 。 为 保证 密码 不 容易 被 人 猜 中 ， 默 认 情况 下 密码 的 
设置 要 符合 “ 强 密码 ”(Strong Password) 的 要 求 。 强 密码 必须 是 : 

@ 至少 7 个 字符 。 

@ ”字符 中 至 少 包括 一 个 大 写 或 小 写 的 字母 。 

@ 字符 中 至 少 包括 一 个 非 数 字 亦 非 字母 的 特殊 符号 ， 如 “!”、“@”、“#”、 

人 

另外 ， 该 控件 还 有 一 个 强大 的 功能 ， 就 是 可 以 在 客户 完成 所 有 的 注册 项 目 之 后 ， 自 动 
给 客户 的 邮箱 发 送 客 户 注册 信息 的 邮件 。 比 如 ， 可 以 感谢 客户 登录 你 的 网 站 等 。 这 些 邮 件 
可 以 包括 客户 注册 的 信息 (用 户 名 、 密 码 等 )。 

可 以 通过 给 该 控件 的 MailDefinition 属性 赋值 来 配置 邮件 的 发 送 ， 这 个 属性 代表 了 
MailDefinition 类 的 一 个 对 象 ，MailDefinition 类 包括 了 定义 一 封 E-mail 需要 的 所 有 的 属 
性 ， 还 可 以 在 根 目录 下 建立 一 个 .txt 文件 ， 把 文件 的 路 径 赋 给 MailDefinition 属性 的 
BodyFileName， 比 如 文件 名 为 welcomeEmail.txt。 该 文件 中 还 可 以 包含 一 些 特殊 的 符号 ， 
如 <%username%> 和 <%userpassword%>， 用 来 代替 实际 的 用 户 名 和 和 密码。 例如 : 

欢迎 您 登录 本 网 站 

您 的 名 字 是 : <%username%> 

您 的 密码 是 : <%userpassword%> 

下 面 是 在 CreateUserWizard 控件 中 ， 为 客户 完成 注册 后 发 送 给 客户 的 一 封 主题 为 “ 感 
谢 ” 的 电子 邮件 而 做 的 设置 ， 邮 件 的 文件 名 为 welcomeEmail.txt。 

<asp:CreateUserWizard ID="CreateUserWizardl" Runat="server"> 


<MailDefinition > 
BodyFileName="welcomeEmail .txt" 
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From="mySite@tom.com" 
subject=" 感 谢 !" 
</MailDefinition> 

</asp:CreateUserWizard> 

如 果 要 使 该 控件 具有 发 送 电子 邮件 的 功能 ， 必 须 使 它 能 够 发 送 邮 件 ， 为 此 在 
machine.config 文件 中 将 看 到 下 面 的 设置 。 

<smtpMail 

serverName="localhost" 
serverPort="25" 

,> 

如 果 安 装 并 激活 了 一 个 本 地 SMTP 服务 ， 那 么 就 不 需要 修改 上 面 的 设置 ， 如 果 想 用 不 
同 的 邮件 协议 ， 则 必须 在 Web.config 文件 中 修改 上 面 的 设置 。 

CreateUserWizard 控件 在 一 些 复杂 的 注册 场合 中 也 很 有 用 ， 比 如 在 授权 客户 登录 你 的 
网 站 前 要 验证 客户 注册 的 电子 邮箱 地 址 是 否 有 效 。 如 果 激 活 了 CreateUserWizard 控件 的 
AutoGeneratePassword 属性 ， 那 么 控件 就 会 为 客户 随机 地 生成 一 个 密码 。 利 用 
CreateUserWizard 控件 的 E-mail 功能 ， 将 这 个 随机 生成 的 密码 送 回 给 客户 ， 要 求 客 户 必须 
使 用 这 个 密码 才能 登录 网 站 。 这 样 ， 也 就 验证 了 客户 邮箱 地 址 的 有 效 性 。 

上 述 界 面 中 的 有 些 部 分 实际 上 取决 于 在 Membership Provider 中 的 设置 。 例 如 Question 
和 Answer 文本 框 只 有 当 Membership Provider 中 的 requiresQuestionAndAnswer 属性 设置 为 
true 时 (默认 时 即 如 此 ) 才 会 显示 出 来 。 

当 这 些 设置 完成 后 打开 Access 数据 库 中 的 客户 表 ， 可 以 看 到 刚刚 建立 的 客户 信息 已 
经 存储 在 数据 表 中 了 ， 在 这 里 并 没有 编写 一 行 代 码 。 这 些 复 杂 的 功能 实际 上 都 被 封装 到 了 
CreateUser 控件 之 中 。 

2. 对 密码 要 求 的 设置 


对 强 密码 的 上 述 规定 是 系统 在 machine.config 文件 中 设置 的 。 默 认 情况 下 ， 所 有 利用 
CreateUserWizard 控件 注册 的 客户 都 必须 按照 这 个 设置 执行 。 如 果 设 计 人 员 想 要 降低 或 提 
高 对 密码 的 要 求 时 ， 可 以 在 自己 网 站 根 目录 下 的 Web.config 文件 中 重新 进行 设置 。 新 的 
设置 将 在 本 网 站 范围 内 自动 覆盖 machine.config 中 的 设置 。 

在 machine.config 文件 中 相关 的 设置 如 下 。 


<membership> 
<providers> 
<add name="AspNetSqlMembershipProvider" 
type="System.Web.Security.SqlMembershipProvider 
enablePasswordRetrieval="false" 
enablePasswordReset="true" 
requiresQuestionAndAnswer="true" 
applicationName="/" 
requiresUniqueEmail="false" 
passwordFormat="Hashed" 
maxInvalidPasswordAttempts="5" 
minRequiredPasswordLength="7" 
minRequiredNonalphanumericCharacters="1" 
passwordAttemptWindow="10" 
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passwordStrengthRegularExpression=""” /> 

</providers> 
</membership> 
设置 中 各 属性 的 含义 如 下 。 
@ ”enablePasswordRetrieval: 是 否 允 许 客户 检索 自己 的 密码 。 
@ ”enablePasswordReset: 是 否 人 允许 客 户 重 置 自己 的 密码 。 当 设置 为 tue 时 ， 一旦 客 
户 遗 忘 了 代码 ， 只 能 用 随机 产生 的 代码 来 替换 原来 的 代码 。 
requiresQuestionAndAnswer: 是 否 需 要 设置 向 客户 提问 并 要 求 客户 回答 的 项 目 。 
passwordFormat: 密码 加 密 的 格式 。 
minRequiredPasswordLength: 最 小 的 密码 长 度 。 
minRequiredNonalphanumericCharacters: 最 少 包 括 非 英文 字母 和 数字 的 特别 字 
符 数 。 

@ maxInvalidPasswordAttempts: 允许 反复 实验 密码 的 最 多 次 数 。 

@ passwordAttemptWindow: 允许 反复 实验 密码 的 时 间 ( 分 钟 )。 

@ passwordStrengthRegularExpression: 密码 计算 的 正则 表达 式 。 

为 了 防止 恶意 顾客 用 反复 实验 的 方法 套 取 密码 ， 系 统 设 置 了 
maxInvalidPasswordAttempts 和 passwordAttemptWindow 两 个 属性 。 前 一 项 属性 规定 了 最 
多 允许 实验 次 数 ， 后 一 项 规定 了 允许 反复 实验 的 时 间 ( 分 钟 )。 如 果 客 户 在 允许 时 间 内 实验 
次 数 没有 达到 允许 的 次 数 时 ， 跟 踪 系 统 将 自动 将 访问 次 数 归 0; 若 达到 或 超过 了 允许 次 数 
时 ， 将 被 访问 客户 的 IsLockOut 属性 设 为 tue， 以 禁止 网 络 对 它 的 访问 ， 直 到 由 管理 员 调 
用 UnlockUser 方法 解除 对 该 客户 的 锁定 为 止 。 

解锁 只 能 由 服务 器 管理 人 员 进 行 。 在 解锁 的 网 页 中 只 需 放 入 一 个 文本 框 (TextBox) 用 
来 输入 客户 名 。 另 外 再 放 入 一 个 按钮 ， 在 按钮 的 Click 事件 中 编写 以 下 代码 。 

protected void Buttonl_Click(object sender, EventArgs e) 


{ 


MembershipUser Unlock = Membership.GetUser (TextBox1l .Text) 7 
if (Unlock == null) 
Response .Write ("没有 这 个 客户 。"); 
else 
| 
Unlock.UnlockUser (); 
Response .Write ("该 客户 已 经 解锁 ") ; 
} 
} 


下 面 假定 创建 一 个 用 于 学 习 的 网 站 ， 为 了 简化 操作 ， 想 降低 对 密码 的 要 求 ， 为 此 在 网 
站 根 目 录 下 的 Web.config 文件 中 ， 对 <membership> 的 属性 做 了 以 下 设置 。 


<membership defaultProvider="AspNetSqlMembershipProvider" 
userIsOonlineTimeWindow="15" hashAlgorithmType="" > 
<providers> 
<clear/> 
<add connectionstringName="LocalSqlServer" 
requiresQuestionAndAnswer="false" 
minRequiredPasswordLength="1" 
minRequiredNonalphanumericCharacters="0" 
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name="AspNetSqlMembershipProvider™ 
type="System.Web.Security.SqlMembershipProvider, 
System.Web, Version=2.0.0.0, Culture=neutral, 
PublicKeyToken=b03f5f7flld50a3a" /> 
</providers> 
</membership> 


有 了 这 个 设置 ， 当 在 网 站 中 创建 新 客户 时 ，CreateUserWizard 控件 中 将 不 包括 提问 和 
要 求 回答 项 (因为 requiresQuestionAndAnswer 属性 设 为 false)。 密 码 只 需 一 个 以 上 字符 ， 密 
码 中 不 再 需要 非 英 文字 母 或 数字 的 特别 字符 。 


21.4.3 登录 状态 与 登录 姓名 控件 


- 般 的 登录 模块 ， 当 客户 成 功 登录 后 ， 会 显示 客户 当前 登录 的 身份 ， 比 如 “欢迎 x xX x 
客户 登录 ”的 提示 ， 同 时 会 显示 “Logout( 退 出 )” 的 提示 。 这 里 可 以 利用 LoginName 和 
LoginStatus 控件 的 帮助 来 实现 这 一 功能 。 

LoginName 用 来 显示 注册 客户 的 名 字 ， 通 过 FormatString 属性 可 以 增加 一 些 格式 的 描 
述 。 如 果 客 户 没有 被 认证 ， 这 个 控件 就 不 会 在 页 面 上 产生 任何 输出 。 而 LoginStatus( 登 录 
状态 ) 控 件 则 提供 了 一 个 方便 的 超 链接 ， 它 会 根据 当前 验证 的 状态 ， 在 登录 和 退出 操作 之 
间 进 行 切 换 ， 如 果 客 户 尚 未 经 过 身份 验证 ， 则 显示 指向 登录 页 面 的 链接 。 如 果 客 户 已 经 进 
行 了 身份 验证 ， 则 显示 使 该 客户 能 够 退出 的 链接 。 利 用 不 同 的 属性 ， 这 两 个 显示 的 内 容 都 
是 可 以 被 修改 的 。 通 常 可 以 根据 登录 和 退出 的 状态 在 控件 上 加 上 照片 等 个 性 化 的 东西 。 

这 两 个 控件 产生 的 对 应 代码 分 别 如 下 。 

<asp:LoginName ID="LoginNamel" Runat="server" /> 

<asp:Loginstatus ID="Loginstatusl" Runat="server" /> 

在 LoginStatus 控件 中 为 了 能 够 正确 退出 ， 还 需要 对 下 面 两 个 属性 进行 设置 。 

@ LogoutAction 属性 : 设 成 Redirect( 默 认 是 Refresh)。 

@ LogoutPageUrl 属性 : 指定 退出 的 网 页 ， 通 常 是 用 于 登录 的 网 页 。 


21.4.4 登录 视图 控件 


在 早期 的 版 本 里 ， 区 分 不 同 角色 、 浏 览 不 同 页 面 需要 用 代码 来 实现 ， 这 样 做 比较 麻 
烦 。 现 在 ASPNET 3.5 提供 了 一 个 十 分 有 用 的 控件 ， 就 是 LoginView。LoginView 结合 导 
航 控件 能 够 根据 当前 客户 的 角色 自动 显示 不 同 的 导航 界面 ， 实 现 基 于 角色 的 网 站 浏览 功 
能 。 默 认 情况 下 该 控件 只 包括 两 个 模板 : 匿名 (未 登录 ) 模 板 (Anonymous) 与 已 登录 模板 
(LoggedIn)， 可 以 对 匿名 客户 和 已 登录 的 客户 分 别 显示 不 同 的 导航 界面 。 如 果 在 应 用 项 目 
中 设置 了 多 个 不 同 的 角色 时 ， 控 件 将 自动 增加 多 种 不 同 的 模板 ， 用 来 为 不 同 角色 显示 不 同 
的 导航 界面 。 每 个 登录 后 的 客户 将 只 能 按照 自己 所 充当 的 角色 查看 自己 权限 以 内 可 以 访问 
的 网 页 ， 从 而 可 以 直观 地 保护 网 页 。 然 而 这 只 是 视图 上 的 保护 ， 并 不 能 代替 Web.config 
文件 的 作用 ， 一 些 客户 还 有 可 能 直接 利用 URL 直接 打开 受 保 护 的 网 页 。 因 此 视图 的 保护 
还 应 该 和 Web.config 相 结合 才能 既 有 效 又 方便 地 保护 网 页 。 

下 面 用 一 个 简单 的 示例 来 说 明 LoginView 控件 的 使 用 方法 。 
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(1) 将 LoginView 控件 拖 入 窗 体 ， 单 击 【 编 辑 RoleGroups】 按 钮 ， 打 开 角 色 组 编辑 对 
话 框 ， 并 将 已 经 设置 的 角色 增加 到 对 话 框 中 ， 如 图 21.12 所 示 。 


图 21.12 角色 组 编辑 对 话 框 


(2) 查看 LoginView 控件 的 模板 时 ， 将 看 见 除 原来 的 两 个 模板 以 外 又 增加 了 几 个 角色 
的 模板 ， 如 图 21.13 所 示 。 
选择 不 同 的 模板 ， 放 入 TreeView 控件 ， 分 别 按照 角色 的 权限 显示 相应 的 网 页 。 
(1) 匿名 客户 的 模板 (AnonymousTemplate) 如 图 21.14 所 示 。 
LoginView 控 件 
TreeView 控件 
Logn 控 件 


Login5tetus 控 件 


21.13 多 角色 的 模板 21.14 ”匿名 客户 的 模板 
(2) 角色 为 Admin 的 模板 (RoleGroup[0]-Admin) 如 图 21.15 所 示 。 
(3) 角色 为 Sales 的 模板 (RoleGroup[2]-Sales) 如 图 21.16 所 示 。 


LoginView 控 件 
LoginView 控 件 


TeeView 控 件 


Loginsuatus 控 件 TreeView 控 件 


图 21.15 角色 为 Admin 的 模板 21.16 ”角色 为 Sales 的 模板 


注意 : LoginStatus 控件 要 放 在 LoginView 范围 之 外 。 
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21.4.5 “PasswordRecovery 控件 和 ChangePassword 控件 


有 开发 经 验 的 人 都 知道 ， 以 前 如 果 客户 忘记 了 密码 而 要 重新 获得 密码 是 比较 麻烦 的 事 
情 ， 为 了 实现 这 一 功能 ， 需 要 编写 代码 ， 包 括 认 证 客户 、 查 询 数据 库 、 修 改 数据 库 等 。 
ASPNET 3.5 提供 了 一 个 很 有 吸引 力 的 控件 ， 即 PasswordRecovery 控件 。 该 控件 能 够 通 
过 电子 邮件 来 帮助 恢复 忘记 的 密码 。 

要 使 用 该 控件 ， 需 要 具有 自动 发 送 邮件 的 功能 ， 必 须 像 CreateUserWizard 控件 一 样 ， 
正确 配置 Web.config 文件 。 

只 要 客户 在 注册 时 正确 地 填写 了 邮箱 地 址 和 配置 正确 ， 并 在 该 控件 里 提交 了 请 求 ， 它 
就 会 自动 把 密码 发 送 到 你 的 邮箱 中 。 就 像 CreateUserWizard 控件 一 样 ， 也 可 以 用 
MailDefinition 属性 来 定义 发 送 给 客户 的 电子 邮件 的 属性 。 

此 控件 提供 了 3 种 模板 。 


性 
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UserName: 用 于 初始 化 控件 ， 客 户 需要 在 这 里 填 上 登录 名 。 
Question: 在 客户 寻找 遗忘 的 密码 时 必须 回答 的 问题 。 
Answer: 用 在 当 客 户 输 入 的 密码 正确 ， 或 者 已 经 用 E-mail 发 给 客户 的 时 候 。 


在 PasswordRecovery 控件 中 还 有 一 些 重要 的 事件 。 


BeforeUserLookup: 当 客 户 查 找 客户 资料 的 时 候 被 激发 。 可 以 设 定 个 人 测试 条 件 
取消 这 个 过 程 。 

UserLookupError: 当 客 户 名 不 存在 时 激发 。 

BeforeAnswerLookup: 在 客户 输入 了 答案 并 且 被 验证 后 激发 。 
AnswerLookupError: 当 输 入 答案 错误 时 被 激发 。 

BeforeSendMail: 在 邮件 发 送 之 前 被 激发 。 


Changepassword 控件 的 用 法 和 PasswordRecovery 的 相似 ， 它 也 有 MailDefinition 属 
通过 设置 该 属性 可 以 设置 发 送 给 客户 的 邮件 格式 。 

修改 密码 (Changepassword) 控 件 的 界面 如 图 21.17 所 示 。 

恢复 密码 (PasswordRecovery) 控 件 的 界面 如 图 21.18 所 示 。 


更 改 密码 
RH | 
新 密码 * 是 否 忘记 了 您 的 密码 1 
史 认 新 密码 [2 要 接收 您 的 密码 ， 请 输入 您 的 用 户 名 。 
“确认 新 密码 “与 “新 客 码 “项 必须 Er 用 户 名 * 
| eA]| 到 | 


图 21.17 修改 密码 控件 的 界面 图 21.18 恢复 密码 控件 的 界面 


21.4.6 在 Login 控件 中 增添 图 片 校 验 码 


为 了 在 Login 控件 中 增添 图 片 校 验 码 ， 以 拒绝 机 器 人 行为 ， 需 按照 以 下 步骤 进行 。 
(1) 将 Login 控件 拖 入 网 页 ， 并 将 控件 转换 为 模板 。 

(2) 在 模板 中 增加 校 验 码 文本 框 (TextBox1) 以 及 图 片 控件 。 

G) 网 站 中 增加 为 图 片 校 验 需要 的 文件 并 建立 它们 之 间 的 联系 。 
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(4) 为 Login 控件 中 按钮 的 Click 事件 编写 代码 。 


当 登 录 成 功 转向 DestinationPageUrl 属性 指定 的 网 页 时 : 


protected void Loginl1 Authenticate(object sender, 
AuthenticateEventArgs e) 
{ 

string yzcode=(string)Session["CheckCode"]; 

TestBox tt = (TextBox)Loginl.FindControl ("TextBoxl1"); 

if (yzcode != tt.Text) 

{ 

Response.Redirect("ErrorMessage.aspx"); 

} 

} 


当 登 录 成 功 转向 LoginView1 控件 的 角色 模板 时 : 


Protected void Login1 Authenticate(object sender, AuthenticateEventArgs e) 
{ 
string yzcode=(string)Session["CheckCode"]; 
Login LL = (Login)LoginViewl .FindControl ("Loginl1"); 
// 因 为 Loginl 控件 放 在 LoginViewl 控件 中 
TestBox tt = (TextBox)LL.FindControl ("TextBox1l") 
if (yzcode != tt.Text) 
{ 
Response.Redirect ("ErrorMessage.aspx"); 
} 


21.5 直接 调用 Membership API 方法 


为 了 对 成 员 身 份 进行 更 高 级 别 的 控制 ， 可 以 直接 使 用 Membership API 方法 。 在 
System.Web.Security 命名 空间 中 主要 包括 两 个 类 : Roles 类 和 RolePrincipal 类 。 

Membership API 是 Membership 类 中 公有 的 方法 ， 利 用 这 些 方法 能 够 完成 以 下 工 
作 : 创建 新 客户 ; 更改 密 码 ， 搜 索 与 特定 条 件 匹配 的 客户 ;创建 角色 (CreateRole); 删除 
角色 (DeleteRole); 读 取 所 有 角色 (GetAlIRoles); 读 取 某 个 客户 分 配 的 角色 (GetUsersInRole) 
和 读 取 某 个 角色 的 客户 (GetRolesForUser) 等 。 实 际 上 ， 前 面 所 说 的 客户 管理 控件 就 是 使 用 
这 些 方 法 来 实现 客户 管理 的 。 

下 面 举例 说 明 Membership 类 的 一 些 比较 常用 的 方法 。 


21.5.1 
打开 网 页 窗 体 ， 在 其 中 添加 6 个 文本 框 以 及 一 个 按钮 ， 


创建 新 客户 


其 中 :; 


TextBoxl 用 于 输入 新 客户 名 。 
TextBox2 用 于 输入 新 客户 密码 。 
TextBox3 用 于 输入 新 客户 的 E-mail。 
TextBox4 用 于 输入 安全 提示 问题 。 
TextBox5 用 于 输入 回答 问题 。 
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@ TextBox6 用 于 输入 提示 错误 。 
按钮 的 代码 如 下 。 


void Buttonl Click(object sender, EventArgs e) 
{ 
if (this.IsValid) 

% 

MembershipCreateStatus status; 

MembershipUser user= 
Membership.CreateUser (this .TextBoxl.Text,this.TextBox2 .Text,this . 
TextBox3.Text, this.TextBox4.Text, this.TextBox5.Text, false,out status); 

switch (status) 

{ 

case MembershipCreatestatus.Success: 
FormsAuthentication.RedirectFromLoginPage (user.UserName, true); 
// 上 面 代码 的 最 后 用 true 时 ， 代 表 创 建成 功 后 自动 返回 到 default .aspx 网 页 
break; 

case MembershipCreateStatus .DuplicateEmail: 
this .TextBox6.Text = "E-mail 地 址 已 经 登录 "; 
break; 

case MembershipCreateStatus.DuplicateUserName: 
this .TextBox6.Text = "客户 已 经 登录 "; 


break; 
case MembershipCreateStatus .InvalidEmail: 
this .TextBox6.Text = " E-mail 地 址 格式 不 对 "; 
break; 


case MembershipCreateStatus .InvalidPassword: 
this .TextBox6.Text = "密码 不 对 "7 

break; 

case MembershipCreateStatus .UserRejected: 


this .TextBox6.Text = "登录 失败 , 原因 不 清楚 " ; 


break; 


注意 : 在 代码 的 命名 空间 中 要 增加 “using System.Web.Security; 


21.5.2 ”创建 新 角色 
创建 新 角色 的 代码 如 下 。 


void Buttonl_Click (object sender, EventArgs e) 
{ 


的 引用 。 


if (this.TextBoxl].Text.Length > 0) 
{ 
Roles .CreateRole (this .TextBox1l.Text) 
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可 以 通过 Globalasax 文件 的 Application_Start0 函 数 ， 在 应 用 程序 首次 运行 时 就 自动 
创建 新 的 角色 。 为 此 需要 编写 如 下 代码 。 
void Application Start (object sender, EventArgs e) { 
if (!Roles.RoleExists ("Administrators")) 
Roles.CreateRole ("Administrators"); 
if (!Roles.RoleExists ("Friends")) Roles.CreateRole ("Friends"); 
} 
在 这 段 代码 中 ， 先 利用 Roles.RoleExists() 方 法 来 判断 ， 某 个 角色 是 否 存在 。 只 有 当 该 
角色 不 存在 时 ， 才 创建 它 。 在 这 段 代 码 中 创建 了 Administrators 和 Friends 两 个 角色 。 


注意 : 只 有 在 【网 站 管理 工具 〗 的 【人 安全】 选项 卡 中 选中 【角色 】 后 ， 才 能 运行 这 段 程序 。 


21.5.3 ”给 客户 分 配角 色 


下 面 给 客户 分 配角 色 时 不 使 用 SqlDataSource 数据 源 控件 ， 数 据 绑 定 通 过 代码 实现 。 
给 客户 分 配角 色 的 关键 语句 是 
Roles.AddUserToRole (this.DropDownList1.SelectedItem.Text， 
this.DropDownList2.SelectedItem.Text) 
其 中 DropDownListl 和 DropDownList2 是 两 个 下 拉 菜 单 ， 分 别 与 数据 表 中 的 
userName 和 角色 列表 中 的 roleName 进行 数据 绑 定 。 现 在 举例 说 明 如 下 。 
(1) 在 网 页 中 增添 相应 的 控件 ， 其 界面 如 图 21.19 所 示 。 


用 户 名 : cheng2 ~ 


角色 名 : sales pe 


结果 显示 : 已 经 将 用 户 分 配给 指定 的 角 


图 21.19 给 客户 分 配角 色 
(2) 给 两 个 下 拉 菜 单 确定 数据 源 。 
protected void Page Load(object sender, EventArgs e) 
\ 
TextBox1l.Text = ""; 


string[] rolesArray; 
MembershipUserCollection users; 


if (!IsPostBack) 

{ 
// 将 客户 的 列表 作为 DropDown1 控件 的 数据 源 
users = Membership.GetAllUsers () 7 
DropDownList1l.DataSource = users; 
DropDownList1.DataBind() 7 


// 将 角色 的 列表 作为 DropDown2 控件 的 数据 源 
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rolesArray = Roles.GetAllRoles(); 
DropDownList2.DataSource = rolesArray; 
DropDownList2 .DataBind(); 


} 
(G3) 调用 Membership API 方法 给 客户 分 配角 色 。 


protected void Buttonl Click(object sender, EventArgs e) 
1 
// 指定 客户 及 被 分 配 的 角色 


if (DropDownList1.SelectedItem == null) 


TextBox1l.Text = "Please select a user."™; 
return; 


if (DropDownList2.SelectedItem == null) 


TextBoxl.Text = "Please select a role."; 
return; 


// 将 客户 分 配给 指定 的 角色 
EE 
{ 
Roles.AddUserToRole (DropDownList1.SelectedItem.ToString ()， 
DropDownList2.SelectedItem.ToString() ) 7 
TextBoxl .Text = "已 经 将 客户 分 配给 指定 的 角色 . "7 
} 


catch 


// 若 重 复 分 配 时 ， 将 提示 错误 
TextBoxl .Text = "重复 分 配 错误 "; 


21.5.4 删除 角色 


为 了 删除 角色 ， 需 要 在 网 页 中 设置 一 个 下 拉 菜 单 与 一 个 按钮 ， 并 将 角色 的 列表 作为 数 
据 源 与 下 拉 菜 单 进行 数据 绑 定 。 按 钮 的 事件 代码 如 下 。 
void Buttonl_Click(object sender, EventArgs e) 


{ 
Roles.DeleteRole (this.DropDownList2.SelectedItem.Text); 


} 


注意 : 只 有 没有 分 配给 客户 的 角色 才能 够 被 删除 。 否 则 需要 先 删 除 相关 的 客户 ， 然 后 才能 
删除 给 这 些 客户 分 配 的 角色 。 


21.5.5 ”从 角色 中 删除 客户 
为 了 删除 客户 ， 需 要 在 网 页 中 设置 两 个 下 拉 菜 单 与 一 个 按钮 ， 分 别 将 客户 的 列表 和 和 角 
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色 的 列表 作为 数据 源 与 各 自 的 下 拉 菜单 进行 数据 绑 定 。 按 钮 的 事件 代码 如 下 。 


void Buttonl_ Click(object sender, EventArgs e) 
{ 
Roles.RemoveUserFromRole (this.DropDownListl.SelectedItem.ToString(), 
this.DropDownList2.SelectedItem.ToString()); 
} 


21.5.6 ”删除 客户 
在 注册 表 中 删除 客户 的 代码 如 下 。 


void Buttonl_ Click(object sender, EventArgs e) 
{ 
Membership.DeleteUser (string UserName，bool deleteAllRelatedData); 
} 


216 小 结 


基于 角色 的 安全 技术 目前 已 经 成 为 网 站 的 普遍 需要 。 设 计 基 于 角色 的 安全 技术 程序 ， 
特别 是 设计 一 套 功能 完备 的 保护 程序 是 一 项 艰巨 的 任务 。 但 是 由 于 这 些 程序 的 功能 和 模式 
都 相对 稳定 ， 因 此 系统 有 可 能 为 设计 者 完成 大 部 分 功能 。.NET 框架 就 是 根据 这 一 特点 ， 
对 传统 方法 做 了 进一步 的 封装 和 抽象 ， 提 供 了 智能 工具 和 组 合 控件 ， 将 客户 管理 和 网 页 安 
全 方面 的 大 部 分 复杂 工作 ， 包 括 数据 表 的 生成 、 连 接 、 添 入 数据 和 查询 等 都 隐藏 在 内 部 自 
动 进行 ， 这 就 大 大 简化 了 设计 过 程 。 

在 系统 强力 的 支持 下 ， 现 在 实行 基于 角色 的 安全 技术 ， 主 要 是 将 网 页 进行 合理 的 分 
类 ， 并 放置 于 不 同 的 目录 下 ， 然 后 用 Web.config 保护 目录 下 的 文件 。 可 以 直接 在 
Web.config 文件 中 撰写 保护 策略 ， 也 可 以 利用 网 站 管理 工具 或 者 调用 Membership API 方 
法 写 入 。 

系统 提供 的 7 个 控件 一 旦 生成 ， 就 具备 基本 的 显示 界面 和 比较 完善 的 功能 ， 设 计 者 只 
需 根据 情况 进行 设置 和 修改 ， 以 符合 应 用 程序 的 实际 需要 。 


21.7 习 题 


1. 填空 题 

(1) LoginStatus 控件 用 来 显示 客户 的 ， 以 便 可 以 随时 退出 登录 状态 。 

(2) LoginName 控件 用 来 自动 显示 登录 的 

(3) 当 利用 CreateUserWizard 控件 创建 新 客户 时 ， 密 密码 不 能 随便 设置， 必须 符合 以 下 
3 项 条 件 : 。 

(4) 帮助 客户 恢复 密 码 可 以 利用 控件 进行 设计 。 

(5) 帮助 客户 修改 密码 可 以 利用 控件 进行 设计 。 
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2. 选择 题 
(1) 为 了 保护 网 页 ， 需 要 先 将 被 保护 的 网 页 分 类 放 在 不 同 的 子 目 录 下 ， 这 是 为 
了 
A. 便于 管理 B. 调用 方便 
C. 集中 网 页 的 入 口 D. 便于 网 站 迁移 
(2) 在 一 个 子 目录 的 Web.config 文件 中 有 如 下 一 段 代码 。 
<authorization> 
<allow roles="admin" /> 
<allow roles="manager" /> 
<deny users="*" /> 
<allow roles="sales" /> 
</authorization> 
允许 访问 此 子 目录 下 的 网 页 的 角色 有 
A. admin B. manager 
C. admin 和 manager D.admin、manager 和 sales 
(3) 客户 登录 控件 (Login) 中 的 DestinationPageUrl 属性 代表 。 
A. 登录 成 功 的 提示 B. 登录 成 功 时 转向 的 网 页 
C. 登录 失败 时 转向 的 网 页 D. 登录 失败 时 的 提示 
3. 判断 题 
(1) 所 谓 角色 是 若干 具有 相同 访问 权限 客户 的 集合 。 C ) 
(2) 只 能 给 每 个 客户 分 配 一 个 角色 。 ( ) 


(3) 登录 视图 控件 (LoginView) 只 能 有 两 种 模板 ， 因 而 只 能 载 入 两 种 视图 。 二 
4. 简 答题 


(1) 简 述 ASPNET 3.5 对 网 页 保护 设计 的 支持 。 
(2) 简 述 利用 ASPNET 网 站 管理 工具 定义 角色 、 创 建 客户 和 指定 访问 规则 的 步骤 。 


5. 操作 题 


(1) 在 系统 中 设置 三 种 角色 并 分 配给 多 个 客户 ， 他 们 的 权限 各 不 相同 ; 在 登录 视图 控 
件 (LoginView) 中 为 这 三 种 角色 设置 不 同 的 网 站 视图 ， 以 实现 不 同 角色 访问 网 站 时 的 不 同 
结果 。 

(2) 在 网 页 中 设置 控件 ， 编 写 代码 利用 Memership API 来 创建 新 客户 。 

(3) 在 网 页 中 设置 控件 ， 编 写 代码 利用 Memership API 来 创建 新 角色 。 

(4) 在 网 页 中 设置 控件 ， 编 写 代 码 利用 Memership API 来 删除 角色 。 

(5) 在 网 页 中 设置 控件 ， 编 写 代 码 利 用 Memership API 给 客户 分 配角 色 。 

(6) 在 网 页 中 设置 控件 ， 编 写 代码 利用 Memership API 从 角色 中 删除 客户 。 


第 22 章 网 站 的 个 性 化 服务 


网 站 的 个 性 化 服务 是 近 几 年 才 发 展 起 来 的 一 项 热门 技术 ,也 是 当前 网 站 竞争 的 焦点 之 
一 。ASP.NET 3.5 为 个 性 化 服务 设计 提供 了 强 有 力 的 支持 。 本 章 将 讲述 如 何在 系统 的 支持 
下 进行 个 性 化 设计 的 方法 ， 主 要 包括 三 方面 的 问题 : 个 性 化 服务 的 基础 知识 、 保 留 客户 关 
心 的 数据 以 及 创建 个 性 化 主页 的 方法 。 具 体 问题 包括 : 

@ 概述 。 
ASP.NET 3.5 对 个 性 化 设计 的 支持 。 
保留 客户 关心 的 数据 。 
Web art 介绍 。 
创建 个 性 化 主页 。 


22.1 概 述 


进入 21 世纪 以 来 ， 一 些 大 型 网 站 如 Yahoo! 、Google、Live 等 纷纷 推出 了 “个 性 化 
主页 ”等 个 性 化 服务 措施 ， 吸 引 着 广大 的 网 民 。 人 们 惊 呼 一 个 网 站 个 性 化 服务 的 时 代 已 经 
来 临 。 

网 站 个 性 化 服务 技术 迅猛 发 展 的 历史 背景 是 : 随 着 网 站 功能 的 扩大 和 增强 ， 客 户 的 需 
求 也 变 得 更 加 多 样 化 起 来 。 例 如 ， 有 的 客户 想 参与 股票 交易 ， 有 的 喜爱 体育 新 闻 ， 有 的 爱 
读 时 事 评 论 等 。 就 以 参加 远程 教育 的 网 民 来 说 ， 第 一 次 进入 网 站 与 后 续 进 入 网 站 的 目的 也 
不 相同 。 第 一 次 进入 时 ， 常 常 是 为 了 全 面 地 了 解 信 息 ， 后 续 进入 时 ， 则 常常 是 为 了 了 解 当 
天 的 教学 进度 等 。 

客户 们 带 着 不 同 的 目的 进入 网 站 ， 但 是 却 有 一 个 共同 点 ， 就 是 都 希望 能 够 立即 进入 自 

己 喜 爱 的 环境 ， 迅 速 地 找到 自己 关心 的 信息 。 作 为 网 站 的 开发 者 如 何 来 满足 客户 的 这 个 共 
同 的 愿望 呢 ? 唯一 的 方法 就 是 实现 网 站 的 个 性 化 服务 。 
网 站 的 个 性 化 服务 实质 上 就 是 给 客户 提供 自己 定制 环境 的 能 力 和 机 会 ， 用 通俗 的 话 来 
比喻 就 是 给 客户 开设 “自助 餐 ”。 人 允许 客户 自己 部 署 网 页 界面 ， 创 建 自己 喜爱 的 环境 ， 保 
留 自己 关心 的 数据 。 系 统 则 保存 这 些 设 置 并 且 将 这 些 设 置 与 客户 联系 起 来 ， 一 旦 客户 再 次 
打开 网 站 ， 就 将 这 些 设置 重 现在 客户 面前 。 

为 了 实现 这 几 点 ， 系 统 必 须 具 备 以 下 能 力 。 

@ ”识别 和 保存 客户 信息 。 

@ ”允许 客户 自己 定制 网 页 界面 。 

@ ”自动 保存 客户 定制 的 界面 和 关心 的 数据 。 

@ 跟踪 客户 ， 以 便当 客户 再 次 出 现时 将 这 些 设 置 反馈 给 客户 。 

若 用 传统 设计 方法 来 满足 上 述 要 求 将 非常 困难 ， 现 在 ASPNET 3.5 为 个 性 化 设计 提供 
了 强大 的 支持 ， 从 而 大 大 简化 了 设计 的 过 程 。 
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22.2 ASP.NET 3.5 对 个 性 化 设计 的 支持 


在 ASPNET 3.5 中 ， 系 统 对 个 性 化 服务 设计 提供 的 支持 包括 三 大 部 分 : Membership、 
profile 和 WebPart。 

@ “Membership: 用 于 识别 和 管理 客户 信息 。 

@ profile: 用 于 确定 和 保存 客户 关心 的 数据 。 

@ Web Part: 用 于 给 客户 定制 自己 的 网 页 界面 。 


22.2.1 关于 Membership 


Membership 用 来 识别 和 管理 客户 。 客 户 管理 与 个 性 化 服务 密 不 可 分 ， 如 果 不 能 识别 
客户 ， 个 性 化 服务 就 无 从 谈 起 。 因 此 可 以 说 客户 管理 是 个 性 化 服务 的 基础 。 

关于 如 何 识别 客户 在 第 18 章 中 已 经 有 过 比较 详细 的 叙述 。 按 照 ASP.NET 3.5 系统 的 
要 求 ， 首 先 要 利用 网 站 管理 工具 进行 配置 ， 以 便 在 App_Data 目录 下 自动 生成 专用 的 数据 
库 和 数据 表 以 存储 客户 的 信息 。 另 外 还 需要 利用 客户 登录 、 分 配角 色 、 分 配 权限 等 一 系列 
操作 来 完成 对 客户 的 分 类 和 授权 工作 (具体 做 法 参考 第 18 章 )。 这 些 工作 实际 上 就 为 识别 
客户 、 跟 踪 客 户 竟 定 了 基础 。 

除 此 以 外 还 应 看 到 ， 进 入 网 站 的 客户 中 还 有 相当 一 大 批 是 匿名 客户 ， 这 些 客户 没有 经 
过 登录 就 进入 网 站 ， 对 这 些 客户 应 不 应 该 进行 个 性 化 服务 呢 ? 如 果 不 考虑 这 些 客 户 ， 可 能 
就 会 因此 而 失去 一 大 批 网 民 。 因 此 网 站 的 个 性 化 服务 不 能 只 面向 一 部 分 客户 ， 而 应 该 面向 
客户 的 全 体 。 

既然 这 样 ， 如 何 来 识别 匿名 客户 呢 ? 在 这 里 ， 系 统 采用 了 一 种 非常 巧妙 的 方法 来 识别 
他 们 。 这 就 是 每 当 匿 名 客户 来 访 时 ， 就 自动 给 该 匿名 客户 设置 一 个 标志 ， 并 且 利用 
Session 与 Cookie 对 象 相 结 合 来 识别 他 们 。 如 果 客 户 封 掉 了 浏览 器 Cookie 的 使 用 时 ， 也 
可 以 利用 不 使 用 Cookie 情况 下 识别 客户 的 方法 (具体 做 法 参考 第 8 章 )。 在 这 里 ， 设 计 者 只 
需要 在 Web.config 文件 中 进行 一 些 简单 的 设置 ， 系 统 就 会 自动 完成 对 匿名 客户 的 识别 工 
作 。 设 置 的 语句 如 下 。 

<system.web> 

<anonymousIdentification enabled="true"/> 


</system.web> 


22.2.2 关于 profile 

1. 什么 是 profile 

profile 是 一 组 为 特定 客户 定义 且 可 以 保存 的 数据 。 一 个 profile 可 以 是 一 个 简单 的 信息 
(例如 客户 名 )， 也 可 以 是 一 个 比较 复杂 的 数据 对 象 。profile 以 XML 代码 的 形式 定义 并 存 
储 在 Web.config 文件 中 。 每 个 profile 要 尽量 用 最 简略 的 形式 来 定义 ， 通 常 只 包括 名 和 类 
型 两 项 。 如 果 没 有 类 型 定义 时 ， 使 用 默认 类 型 string。 
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2. 简单 的 profile 的 定义 方法 
定义 profile 的 方法 举例 说 明 如 下 。 


<profile> 
<property name="NumberOfApples" type="int"/> 
</profile> 


这 里 定义 了 一 个 名 为 NumberOfApples 的 profile， 它 的 类 型 是 整 型 数 (int)。 如 果 这 个 
profile 也 允许 匿名 客户 使 用 时 ， 还 应 该 在 property 的 附加 属性 中 加 以 说 明 。 例 如 : 


<system.web> 
<anonymousIdentification enabled="true"/> 
<profile> 
<properties> 
<add name=" NumberOfApples " type=" int " 
allowAnonymous="true" /> 
</properties> 
</profile> 
</system.web> 


3. 拥有 成 组 属性 的 profile 的 定义 方法 
如 果 一 个 profile 包括 有 较 多 的 属性 时 ， 可 以 分 组 进行 定义 。 定 义 的 方法 举例 如 下 。 
<profile> 
<properties> 
<group name="Preferences"> 
<add name="ShowQuoteOfTheDay" 
defaultValue="true" type="System.Boolean" /> 

<add name="ShowNews" type="System.Boolean" /> 
</group> 
<group name="BillingAddress"> 

<add name="Street" type="System.Sstring" /> 

<add name="City" defaultValue="Toronto" type="System.Sstring" /> 
<add name="StateProv" type="System.Sstring" /> 
<add name="ZipPostal" type="System.Sstring" /> 
</group> 
</properties> 
</profile> 


代码 中 的 profile 包括 两 组 属性 ， 用 两 个 group 来 定义 。 注 意 ， 各 个 组 名 不 能 重复 ， 每 
个 group 内 部 的 名 字 也 不 能 重复 ， 但 是 各 个 group 之 间 内 部 的 名 字 允 许 重复 。 


4. 读 取 profile 


只 要 在 Web config 文件 中 正确 地 定义 了 profile 属性 ， 并 且 经 过 编译 ， 该 属性 就 会 被 
组 合 到 系统 中 ， 因 而 可 以 立即 被 应 用 程序 所 调用 ， 可 以 像 读 取 某 个 控件 的 属性 一 样 来 读 取 
profile 属性 的 值 。 

例如 使 用 前 面 的 分 组 定义 ， 当 调用 Profile.BillingAddress( 组 名 ) 以 后 增加 一 个 句号 时 ， 
将 弹出 该 对 象 的 所 有 属性 ， 如 图 22.1 所 示 。 
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public partial class Default : System. Web. UT.Page 
{ 
protected void Page Load(object sender, Eventhrgs e) 


Labell. Text=Profile. BillineAddress. | 


protected void Buttonl_Click(object 加 | 
' Q Equals 


@ GetHashCode 
' 篇 GetFropertyyalue 
} Y GetType 
Init 
Y SetFropertyyalue 
Statefrov 
团 Street 


息 ToString 
22.1 自动 弹出 profile 中 设置 的 属性 
5. 关于 profile provider 
ASP.NET 3.5 对 profile 的 管理 是 自动 进行 的 ， 系 统 提 供 的 profile provider 能 将 客户 输 
入 的 profile 数据 通过 web.config 文件 的 设置 ， 自 动 保 存 到 专用 数据 库 (ASPNETDB.MDF) 
的 专用 数据 表 (aspnet_Profile) 中 ， 还 能 将 这 些 数 据 与 客户 的 标志 紧密 地 联系 在 一 起 。 其 过 
程 如 图 22.2 所 示 。 


web. config 文 件 


《systcm.wcb> 
用 户 界面 profile> ASPNETDB. DF 
pe -~ ~ ee ioe | 
birthday [| oe 他 并) 
phone: | /properties> 
[一 一 </profile> 
/systcu. wcb> 


22.2 数据库 中 自动 保存 profile 信息 


Profile 对 象 与 Session 对 象 十 分 相似 ， 但 是 更 好 用 一 些 。 与 Session 对 象 相似 的 地 方 
在 于 ，Profile 对 象 是 相对 于 一 个 特定 的 客户 的 ， 也 就 是 说 ， 每 个 Web 应 用 程序 的 客户 都 
有 他 们 自己 的 Profile 对 象 。 与 Session 对 象 不 同 的 是 ，Profile 对 象 是 持久 对 象 。 如 果 你 向 
Session 对 象 中 添加 一 个 项 ， 在 你 离开 网 站 时 ， 该 项 就 会 消失 。 而 Profile 对 象 则 完全 不 
同 ， 当 你 修改 Profile 对 象 的 状态 时 ， 修 改 在 多 个 访问 之 间 均 有 效 。 

profile 使 用 provider 模式 来 存储 信息 ， 默 认 情况 下 ，user profile 的 内 容 会 保存 在 SQL 
Server Express 数据 库 中 ， 该 数据 库 位 于 网 站 的 App_Data 目录 下 。 

与 Session 不 同 ，Profile 对 象 是 强 类 型 的 ，Session 对 象 仅仅 是 一 个 项 集合 而 已 ， 而 
Profile 对 象 则 有 强 类 型 属性 。 

使 用 强 类 型 有 它 的 好 处 。 例 如 ， 使 用 强 类 型 ， 就 可 以 在 Microsoft Visual Web 
Developer 中 使 用 智能 感知 技术 ， 当 输入 profile 和 一 个 点 的 时 候 ， 智 能 感知 会 弹出 你 已 经 
定义 过 的 profile 属性 列表 。 
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22.2.3 关于 WebPart 


Web Part 是 系统 为 客户 组 建 网 页 而 提供 的 控件 。ASP.NET 3.5 提供 的 WebPart 分 成 三 
类 : Web 控件 管理 器 (WebPartManager)、 控 件 带 (WebPartZone) 和 控件 (WebPart)。 三 者 之 
间 存 在 着 层次 关系 。 

通常 情况 下 ， 设 计 者 在 网 页 中 放置 多 种 WebPart， 人 允许 客户 选择 哪些 显示 ， 哪 些 不 显 
示 ， 整 个 界面 如 何 排列 等 ， 以 构建 自己 喜爱 的 环境 。 详 细 情 况 在 后 文 讲述 。 


22.3 保留 客户 关心 的 数据 


下 面 用 两 个 简单 的 示例 来 说 明 通 过 个 性 化 服务 让 客户 保留 自己 关心 的 数据 的 方法 。 
例 22.1 为 客户 保留 电话 号 码 (PhoneCode)。 
假定 有 客户 想 在 网 页 上 保留 某 个 电话 号 码 ， 每 次 打开 网 页 时 就 能 够 看 到 这 个 号 码 。 设 
计 的 步骤 如 下 。 
(1) 在 Web.config 文件 的 profile 中 定义 PhoneCode 对 象 ， 并 人 允许 匿名 客户 使 用 这 个 
对 象 。 定 义 的 语句 如 下 。 
<system.web> 
<anonymousIdentification enabled="true"/> 
<profile> 
<properties> 
<add name=" PhoneCode "type="string" allowAnonymous="true"/> 
</properties> 
</profile> 
</system.web> 


(2) 在 网 页 上 设置 控件 ， 让 客户 自己 输入 需要 保留 的 数据 。 
现在 网 页 界面 中 放置 一 个 名 为 TextBox1 的 文本 框 控件 、 一 个 名 为 Buttonl 的 按钮 控 
件 和 一 个 名 为 Labell 的 标签 控件 ， 并 在 按钮 的 事件 中 编写 如 下 代码 。 
protected void Button1l_Clickl (object sender, EventArgs e) 
Profile.PostalCode = Server.HtmlEncode (TextBox] .Text); 
Labell.Text = Profile. PhoneCode; 
} 
此 段 代码 的 含义 是 将 TextBoxl 中 输入 的 数据 保存 在 Profile.PhoneCode 对 象 中 ， 并 在 
Labell 控件 中 显示 出 来 。 程 序 运行 时 单 击 按钮 ， 结 果 如 图 22.3 所 示 。 
实际 上 这 个 Profile.PhoneCode 的 值 已 经 自动 保存 在 
App_Data 目录 下 的 专用 数据 库 的 aspnet_Profile 数据 表 中 。 ar 
(3) 为 了 在 重新 打开 网 页 时 显示 该 数据 ， 在 Page_Load 0731-7766554 
事件 中 编写 如 下 代码 。 
Protected Void Page Load (object sender, 
EventArgs e) 


22.3 自动 记忆 电话 号 码 
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{ 
Labell.Text = Profile. PhoneCode; 


} 


这 段 代码 的 含义 是 网 页 打开 时 将 电话 号 码 重 新 显示 在 Labell 控件 中 。 这 个 例子 与 通 
常 的 示例 不 同 之 处 在 于 : 同一 个 网 页 不 同 的 客户 打开 时 ， 将 只 显示 该 客户 自己 保存 的 代 
码 ， 不 同 的 客户 打开 显示 的 代码 各 不 相同 。 这 就 是 个 性 化 服务 的 奥妙 所 在 。 

例 22.2 为 客户 保留 喜爱 的 网 址 。 

(1) 在 Web.config 文件 中 定义 Profile 对 象 ， 假 定 将 其 命名 为 FavoriteUrl。 语 句 
如 下 。 


<system.web> 

<anonymousIdentification enabled="true"/> 

<profile> 

<properties> 

<add name="FavoriteUrls" 

type="System.Collections.Specialized.stringCollection" 
allowAnonymous="true" /> 

</properties> 

</profile> 

</system.web> 


比如 想 记 住 某 个 朋友 的 生日 及 电话 号 码 时 ， 可 以 在 Web.config 文件 中 设置 。 


<system.web> 
<anonymousIdentification enabled="true"/> 
<profile> 
<properties> 
<group name="Birthday"> 
<add name="Name" type="System.String" allowAnonymous="true"/> 
<add name="Birthday" type="System.string" 
allowAnonymous="true"/> 
<add name="Phone" type="System.Sstring" 
allowAnonymous="true"/> 
</group> 


</properties> 
</profile> 
</system.web> 


并 在 某 张 网 页 中 设置 如 下 代码 ， 将 具体 数据 输入 并 在 数据 表 中 记录 下 来 。 


protected void Buttonl Click(object sender, EventArgs e) 


{ 
Profile.Birthday.Name = TextBoxl.Text; 
Profile.Birthday.Birthday = TextBox2.Text; 
Profile.Birthday.Phone = TextBox3.Text; 


} 
而 在 另 一 些 网 页 中 显示 出 来 。 在 这 些 网 页 中 的 Page_ Load 事件 中 写 下 如 下 代码 。 


protected void Page Load(object sender, EventArgs e) 


{ 
TextBoxl.Text = Profile.Birthday.Name; 
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Profile.Birthday.Birthday; 
Profile.Birthday.Phone; 


TextBox2.Text 
TextBox3.Text 
} 


(2) 在 网 页 上 设置 控件 ， 让 客户 逐个 输入 喜爱 的 网 址 。 
放置 的 控件 包括 一 个 名 为 TextBox1l 的 文本 框 控件 、 一 个 名 为 Buttonl 的 按钮 控件 、 
-个 名 为 ListBoxl1 的 列表 框 控件 。TextBox1l 控件 用 于 逐个 输入 网 站 的 URL，ListBox 控 
件 用 于 同时 显示 多 个 网 站 的 URL。 用 于 输入 URL 的 按钮 的 Click 事件 的 代码 如 下 。 


protected void Button1l Clickl (object sender, EventArgs el) 

{ 

String urlstring = Server.HtmlEncode (TextBox] .Text); 

if (Profile.FavoriteUrls == null) 
{ 
Profile.FavoriteUrls = new System.Collections.Specialized.StringCollection()7 
下 

Profile.FavoriteUrls.Add (urlstring); 

DisplayFavoriteUrls(); 

} 


void DisplayFavoriteUrls () 


{ 


ListBoxl.DataSource = Profile.FavoriteUrls; 
ListBoxl.DataBind(); 
} 


(3) 为 了 恢复 数据 需要 在 Page_Load 事件 中 编写 如 下 代码 。 


protected void Page Load(object sender, EventArgs e) 


{ [Buton | 
DisplayFavoriteUrls(); [www.ccsu.cn -| 
} www sna com cn 
www microsof .com 
习 


程序 运行 的 结果 如 图 22.4 所 示 。 

为 了 验证 ， 不 妨 将 定义 语句 中 的 allowAnonymous="true" 六 图 22.4 保留 网 址 
分 取消 ， 即 系统 不 再 识别 匿名 客户 。 其 定义 变 成 

<properties> 

<add name="FavoriteUrls" 

type="System.Collections.Specialized.stringCollection" /> 

</properties> 

然后 再 重复 前 面 的 实验 ， 将 会 看 到 作为 匿名 客户 重复 打开 网 页 时 ， 新 增加 的 网 址 将 
不 能 保持 。 


22.4 WebPart 介绍 


22.4.1 ”定制 网 页 时 能 够 执行 的 任务 
客户 在 定制 自己 的 网 页 时 能 够 执行 以 下 任务 : 
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在 多 个 控件 中 选择 显示 的 控件 。 
按照 任意 顺序 排列 控件 。 

改变 控件 的 某 些 外 貌 。 

保存 视图 直到 再 次 访问 。 


22.4.2 ”WebPart 的 分 类 


WebPart 是 为 客户 定制 网 页 界面 而 提供 的 控件 。 在 ASPNET 3.5 工具 箱 的 WebPart 选 
项 卡 中 提供 了 13 个 控件 ， 这 些 控件 可 以 分 成 3 类 。 


1. WebPartManager 控件 

WebPartManager 在 运行 中 通常 不 会 显示 出 来 ， 但 在 幕后 它 将 完成 很 多 工作 。 它 的 作 
用 是 连接 各 个 网 页 中 的 WebPart， 维 护 和 设置 各 个 WebPart 在 网 页 中 的 状态 。 每 个 定制 的 
网 页 中 必须 有 一 个 ， 也 只 能 有 一 个 WebPartManager。 而 且 在 设计 可 定制 的 网 页 时 ， 第 一 
个 放 入 网 页 的 控件 必须 是 WebPartManager 控件 。 

2. WebPartZone 控件 


WebPartZone 是 WebPart 的 外 包装 ， 用 来 确定 WebPart 在 网 页 中 的 位 置 以 及 它们 的 外 
观 ， 正 是 WebPartZone 才 将 WebPart 分 割 成 一 个 个 独立 的 可 编辑 的 部 分 。 工 具 箱 提供 了 4 
种 类 型 的 Zone 控件 ， 它 们 是 WebPartZone 、EditorZone 、 ConnectionsZone 和 
CategoryZone。 每 种 Zone 中 只 能 放 入 一 定 类 型 的 WebPart。 例 如 WepPartZone 中 可 以 放 入 
-个 或 多 个 服务 器 控件 或 者 用 GenericWebPart 包围 的 用 户 控件 ，EditorZone 中 只 能 放 入 能 
够 编辑 的 控件 ， 如 LayoutEditorPart 、AppearanceEditorPart 、BehaviorEditorPart 等 ; 
CategoryZone 中 只 能 放 入 DeclarativeCatalogPart 等 。 


3. WebPart 控件 

可 以 将 WebPart 看 成 网 页 中 的 模块 ， 将 它们 放 在 WebPartZone 控件 中 。 程 序 运 行 时 客 
户 可 以 对 其 中 的 WebPart 进行 增添 、 删 除 、 最 小 化 和 恢复 等 项 操作 。 还 可 以 利用 拖 放 功能 
改变 WebPart 的 网 页 布局 。 有 的 WebPart 控件 中 还 可 以 放 入 通用 的 服务 器 控件 或 者 用 户 
控件 。 


22.5 定制 主页 


让 客户 定制 自己 的 主页 是 当前 实现 个 性 化 服务 的 主要 内 容 。 系 统 应 该 给 客户 提供 这 方 
面 的 能 力 和 机 会 。 

下 面 将 利用 系统 在 帮助 文件 中 提供 的 示例 ， 由 简 到 繁 地 加 以 介绍 ， 以 说 明 设计 的 方法 。 
22.5.1 创建 简单 的 包含 WebPart 控件 的 网 页 

1. 将 网 页 划分 成 几 个 独立 的 地 带 

将 网 页 划分 成 几 个 独立 地 带 的 步骤 如 下 。 
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(1) 关闭 现 有 网 页 ， 增 加 一 张 新 网 页 并 将 其 取 名 为 WebPartDemo.aspx。 
(2) 转向 【设计 】 视 图 。 
(3) 从 工具 箱 的 WebPart 选项 卡 中 将 一 个 WebPartManager 控件 拖 入 网 页 中 。 每 个 


WebPart 网 页 必须 有 一 个 也 只 能 有 一 个 WebPartManager 控件 ， 该 控件 并 不 提供 什么 
输出 。 


局 


(4) 在 WebPartManager 控件 的 下 方 ， 利 用 表格 进行 布局 。 这 里 使 用 一 行 三 列 的 布 
将 每 列 的 VAlign(Vertical Align) 对 齐 属性 设置 为 top。 
(5) 将 一 个 WebPartZone 控件 拖 入 左边 的 列 中 ， 并 对 其 属性 做 以 下 设置 。 


ID:SidebarZone 
HeaderText:Sidebar 


(6) 将 另 一 个 WebPartZone 控件 拖 入 到 中 间 的 列 中 ， 并 对 其 属性 做 以 下 设置 。 


ID:Main2Zone 
HeaderText:Main 


(7) 保存 文件 。 
2. 给 各 个 地 带 放 入 内 含 的 控件 
现在 网 页 中 己 经 有 了 两 个 独立 的 地 带 ， 放 置 在 这 些 地 带 中 的 控件 可 以 单独 进行 控制 。 


下 面 就 在 这 些 独立 的 地 带 中 分 别 放 入 显示 控件 。 可 以 放 入 的 控件 包括 用 户 控件 或 者 其 他 服 

务 器 控件 。 当 将 标准 服务 器 控件 放 入 WebPartZone 中 间 时 ， 控 件 必 须 放 在 <zonetemplate> 
与 </zonetemplate> 元 素 之 间 。 只 有 这 样 ，ASP.NET 在 运行 时 才 会 把 这 些 控件 当做 Web Part 
控件 对 待 。 


现在 首先 创建 main zone 中 的 内 含 控件 。 
(1) 打开 【设计 】 视 图 ， 将 一 个 Label 标准 控件 拖 入 到 MainZone 控件 中 。 
(2) 打开 【 源 】 视 图 ， 注 意 Label 控件 已 经 在 MainZone 控件 的 <zonetemplate> 与 


</zonetemplate> 元 素 之 间 。 


(3) 给 <asp:label> 元 素 设置 属性 。 首 先 删 除 原来 的 Text="Label1" 属 性 ， 增 加 一 些 字符 


串 放 在 <h2> 标 记 之 间 。 其 代码 如 下 。 


<asp:webpartzone id="MainZone" runat="server" headertext="Main"> 
<zonetemplate> 
<asp:label id="labell" runat = "server" title="Content"> 
<h2> 欢 迎 参观 Web Part 网 页 </h2> 
</asp:label> 
</zonetemplate> 
</asp:webpartzone> 


(4) 保存 文件 。 
3. 创建 用 户 控 件 


下 面 创 建 一 个 用 户 控件 作为 WebPart 控件 。 
(1) 在 WebPartDemo.aspx 网 页 的 同一 目录 下 创建 一 个 用 户 控件 ， 将 其 取 名 为 


Searchcontrol.ascx 。 
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(2) 转向 【设计 】 视 图 ， 将 一 个 TextBox 控件 与 Button 控件 拖 入 用 户 控件 中 。 
G) 转 入 【 源 】 视 图 ， 其 代码 如 下 。 

<$%Q@ control language="C#" classname="SearchControl" %> 
<asp:textbox runat="server id=" textboxl"></textboxl> 

<br/> 

<asp:button runat="server" id="buttonl" text="Search" /> 


(4) 保存 并 关闭 文件 。 
4. 给 Sidebar Zone 增添 控件 


下 面 给 Sidebar Zone 内 增添 两 个 控件 ， 一 个 包括 一 组 链接 指针 ， 另 一 个 是 前 面 创建 的 

用 户 控 件 。 

利用 Label 标准 控件 产生 一 组 指针 ， 除 建立 超 链接 以 外 ， 其 他 方法 与 增加 到 main 
zone 时 的 方法 相同 。 用 户 控件 则 可 以 直接 拖 入 到 zone 中 来 ， 运 行 时 用 户 控件 的 外 层 将 自 
动用 GenericWebPart 控件 包装 。GenericWebPart 自动 成 为 用 户 控件 的 父 控件 。 通 过 父 控件 
的 子 控件 属性 可 以 调用 用 户 控件 中 的 服务 器 控件 。 由 于 GenericWebPart 继承 于 WebPart 
类 ， 因 此 它 与 WebPart 具有 相同 的 属性 和 方法 。 

给 Sidebar Zone 增添 控件 的 具体 步骤 如 下 。 

(1) 打开 WebPartsDemo.aspx 网 页 。 

(2) 转向 【设计 】 视 图 。 

(3) 将 前 面 建立 的 SearchControl.ascx 用 户 控件 拖 入 SidebarZone 中 。 

(4) 保存 网 页 。 

(5) 转向 【 源 】 视 图 。 

(6) 在 SidebarZone 内 的 <asp:webpartzone> 元 素 中 用 户 控 件 的 上 方 增加 <asp:label> 元 素 
标记 ， 包 括 链接 指针 。 代 码 如 下 。 

<asp:WebPartZone id="SidebarZone"” runat="server" headertext="sidebar"> 

<zonetemplate> 


<asp:label runat="server id="linksPart"” title=" 我 的 链接 "> 
<a href=http://www.ccsu.cn> 长 沙 大 学 </a> 


<br/> 
<a href=http://www.sina.com.cn> 新 浪 网 站 </a> 

<br/> 

</asp:label> 
<ucl:SearchControl id="searchPart"” 可 二。 2 | 要 。 收 二 天 计 六 全 CI 
runat="server" title="Search" /> 十 证 略 | 生 http//1ocahost 3505/Person3/Defanlt aspx 
</zonetemplate> 
</asp:WebPartZzone> 我 的 链接 pi Es 
(7 保存 并 关闭 文件 。 关内 大 区 地 和 区 
= el 

5. 检查 网 页 天 标题 -| “|Part 网 
在 浏览 器 中 查看 网 页 ， 定 制 的 主页 如 图 22.5 “| | 到 页 


所 示 。 
小 方 框 的 右上 角 出 现 “~ ”下 拉 标 记 ， 单 击 该 图 22.5 定制 的 简单 主页 
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标记 ， 将 弹出 【最 小 化 】 和 【关闭 】 命 令 。 当 已 经 最 小 化 后 再 单 击 时 ， 将 弹出 【还 原 】 
命令 。 


22.5.2 ”创建 可 以 编辑 和 改变 布局 的 网 页 


WebPart 提供 了 改变 网 页 布局 的 功能 ， 人 允许 将 WebPart 控件 从 一 个 Zone 拖 放 到 另 一 

个 Zone 中 。 还 允许 编辑 控件 的 一 些 特性 ， 包 括 它 们 的 外 貌 、 布 局 和 行为 。 系 统 还 提供 了 
- 些 基础 函数 来 进行 这 些 工 作 ， 并 且 保 持 客户 自己 的 编辑 结果 。 

为 实现 这 些 功能 ， 下 面 将 在 网 页 中 增添 一 个 <asp:editorzone> 元 素 以 及 两 个 可 编辑 的 
控件 。 

(1) 增添 一 个 新 用 户 控件 ， 放 在 WebPartDemo.aspx 网 页 的 同一 个 目录 下 ， 将 用 户 控 
件 取 名 为 DisplayMenu.ascx。 

(2) 转向 用 户 控件 的 【 源 】 视 图 。 

(3) 移 除 现 有 窗口 的 代码 ， 将 以 下 代码 粘贴 到 网 页 中 。 这 是 一 段 WebPart 控件 的 用 户 
控件 代码 ， 这 段 代码 能 够 设置 和 改变 显示 的 模式 ， 并 且 使 用 户 在 该 模式 中 可 以 改变 网 页 的 
布局 以 及 显示 的 外 貌 。 


<%@ control language="C#" classname="DisplayModeMenuCS"%> 
<script runat="server"> 


//Use a field to reference the current WebPartManager control. 
WebPartManager manager; 


void Page Init(object sender, EventArgs e) 
{ 

Page.InitComplete += new EventHandler (InitComplete); 
} 


void InitComplete (object sender, System.EventArgs e) 


{ 


_manager = WebPartManager.GetCurrentWebPartManager (Page); 
String browseModeName = WebPartManager .BrowseDisplayMode .Name; 


//Fill the drop-down list with the names of supported display modes 
foreach (WebPartDisplayMode mode in 
_manager .SupportedDisplayModes) 
{ 
String modeName = mode.Name; 
//Make sure a mode is enabled before adding it. 
if (mode.IsEnabled( manager) 
{ 
ListItem item = new ListItem(modeName, modeName); 
DisplayModeDropdown.Items.Add (item); 
} 
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//If Shared scope is allowed for this user, display the 
//scope-switching UI and select the appropriate radio 
//button for the current user scope 
if ( manager.Personalization.CanEnterSharedscope) 
Panel2.Visible = true; 
if ( manager.Personalization.Scope == 
PersonalizationScope.User) 
RadioButton1.Checked = true; 
else 
RadioButton2.Checked = true; 


//Change the page to the selected display mode 

void DisplayModeDropdown SelectedIndexChanged (object sender, 
EventArgs e) 

{ 
String selectedMode = DisplayModeDropdown.SelectedValue; 


WebPartDisplayMode mode = 

_manager .SupportedDisplayModes[selectedMode]; 
if (mode != null) 

_manager.DisplayMode = mode; 


// Set the selected item equal to the current display mode. 
void Page PreRender (object sender, EventArgs e) 
{ 
ListItemCollection items = DisplayModeDropdown.Items; 
int selectedIndex = 
items .IndexOof (items .FindBYText (_manager.DisplayMode.Name)); 
DisplayModeDropdown.SelectedIndex = selectedIndex; 
} 


//Reset all of a user's personalization data for the page 
protected void LinkButton] Click(object sender, EventArgs e) 
_manager .Personalization.ResetPersonalizationstate(); 


} 


//If not in User personalization scope, toggle into it 
protected void RadioButtonl CheckedChanged (object sender, EventArgs e) 
t 
if (_manager.Personalization.Scope == 
PersonalizationScope.Shared) 
_manager.Personalization.ToggleScope (); 


//If not in Shared scope, and if user has permission, toggle 
//the scope 
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protected void RadioButton2 CheckedChanged (object sender, 
EventArgs e) 
{ 
if ( manager.Personalization.CanEnterSharedSscope && 
_manager .Personalization.SsScope = 
PersonalizationScope.-User) 
_manager .Personalization.Togglescope(); 
¥ 
</script> 
<div> 
<asp:Panel ID="Panell" runat="server" 
Borderwidth="1" 
Width="230" 
BackColor="lightgray" 
Font-Names="Verdana, Arial, Sans Serif" > 
<asp:Label ID="Labell" runat="server" 
Text="&nbsp;Display Mode" 
Font-Bold="true" 
Font-Size="8" 
Width="120" /> 
<asp:DropDownList ID="DisplayModeDropdown" runat="server" 
AutoPostBack="true" 
EnableViewState="false" 
Width="120" 
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OnSelectedIndexChanged="DisplayModeDropdown SelectedIndexChanged"/> 


<asp:LinkButton ID="LinkButtonl" runat="server" 
Text="Reset User State" 


ToolTip="Reset the current user's personalization data for 


the page." 

Font-Size="8" 

OnClick="LinkButtonl Click" /> 
<asp:Panel ID="Panel2" runat="server" 


GroupingText="Personalization Scope" 
Font-Bol zue” 
Font-Size="8" 


Visible="false" > 

<asp:RadioButton ID="RadioButtonl" runat="server" 
Text="User" 
AutoPostBack="true" 
GroupName="Scope" 
OnCheckedCchanged="RadioButtonl CheckedChanged" /> 

<asp:RadioButton ID="RadioButton2" runat="server" 
Text="Shared" 
RutoPostBack="true" 
GroupName="Scope" 
OnCheckedchanged="RadioButton2_CheckedChanged" /> 

</asp:Panel> 
</asp:Panel> 
</div> 


注意 : 这 段 代码 是 系统 提供 的 ， 系 统 只 在 代码 中 间 进 行 了 简要 的 说 明 。 
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(4) 保存 用 户 控件 。 
(5) 打开 WebPartDemo.aspx 网 页 ， 并 转向 【设计 】 视 图 。 
(6) 在 WebPartManager 控件 的 前 面 留 出 一 行 空间 ， 将 刚才 创建 的 用 户 控件 拖 入 其 中 。 
(7) 将 EditorZone 控件 拖 入 布局 表格 最 右边 的 一 列 中 。 
(8) 在 EditorZone 控件 中 放 入 AppearanceEditorPart 控件 和 LayoutEditorPart 控件 ， 此 
时 一 个 可 编辑 的 主页 如 图 22.6 所 示 。 
(9) 打开 网 页 的 【 源 】 视 图 ， 将 看 到 以 下 代码 。 
<td valign="top"> 
<asp:EditorZone ID="EditorZonel" runat="server"> 
<ZoneTemplate> 
<asp:AppearanceEditorPart ID="AppearanceEditorPartl1" 
runat="server" /> 
<asp:LayoutEditorPart ID="LayoutEditorPartl" runat="server" /> 
</ZoneTemplate> 
</asp:EditorZone> 
</td> 


(10) 保存 网 页 。 

(11) 检验 效果 。 

从 浏览 器 查看 网 页 ， 并 在 Display Mode 下 拉 列 表 框 中 选择 Edit 选项 ， 然 后 再 到 各 个 
小 窗口 中 单 击 “- ”图标 ， 弹 出 的 选项 中 除 原来 的 【最 小 化 】、【 关 闭 】 以 外 增加 了 【 编 
辑 】 项 。 如 果 单 击 【 编 辑 】 项 ， 将 弹出 EditorZone 中 两 个 控件 ， 利 用 它们 可 以 对 显示 的 控 
件 进行 编辑 。 例 如 ， 将 【我 的 链接 】 从 SidebarZone 转移 到 MainZone 中 ， 如 图 22.7 所 
示 。 还 可 以 改变 外 观 的 标题 等 。 


ebp sr tl enager - Yei7ertllenagerl 


Wan “| 障 流 器 区 域 关闭 
四 | dd 

| 标题 

| 


Re 
bese usr ststs 
三 [content 

mm 
i eb 
Part 网 

页 
我 的 能 可 ~ 
== 地 长 沙 大 学 
me] wn] un) 本 开本 


图 22.6 一 个 可 编辑 的 主页 图 22.7 改变 布局 后 的 情况 
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22.5.3 ”运行 中 增添 WebPart 控件 


可 以 在 程序 运行 中 由 客户 给 网 页 增添 新 的 WebPart 控件 。 但 是 这 些 控件 必须 是 Web 
Part 中 的 catalog 控件 ， 而 且 必 须 事 先 放 入 CatalogZone 中 。 目 前 ASPNET 3.5 只 提供 了 两 
个 控件 给 客户 选用 ， 它 们 是 上 载 文件 控件 (FileUpload) 和 日 历 控件 (Calendan) 。 

下 面 介绍 增添 WebPart 控件 的 设置 方法 。 

(1) 打开 WebPartDemo.aspx 网 页 ， 并 转向 【设计 】 视 图 。 

(2) 从 工具 箱 中 将 CatalogZone 控件 拖 到 右边 列 的 EditorZone 控件 的 下 面 。 由 于 这 两 
种 控件 不 会 同时 显示 ， 因 此 放 在 同一 个 Zone 中 不 会 互相 干扰 。 

(3) 给 CatalogZone 控件 的 HeaderText 设置 属性 。 

(4) 从 工具 箱 中 将 DeclarativeCatalogPart 控件 拖 入 CatalogZone 控件 中 。 

(5) 单 击 DeclarativeCatalogPart 控件 右上 方 的 【编辑 模板 】 项 ， 在 弹出 的 菜单 中 选择 
Edit Templates 命令 。 

(6) 将 工具 箱 中 的 FileUpload 控件 和 Calendar 控件 拖 入 到 DeclarativeCatalogPart 控件 
的 模板 中 。 

(7) 转 到 【 源 】 视 图 ， 查 看 一 下 <asp:catalogzone> 元 素 的 代码 ， 该 标记 下 的 
DeclarativeCatalogPart 控件 应 该 将 <webpartstemplate> 元 素 以 及 刚 放 入 的 两 个 服务 器 控件 包 
括 在 内 。 

(8) 给 两 个 控件 增加 title 属性 。 尽 管 title 并 不 是 这 两 个 服务 器 控件 的 属性 ， 但 是 在 运 
行 中 ， 当 客户 将 这 些 控件 从 Catalog 增加 到 WebPartZone 中 时 ， 这 些 控件 将 被 包装 在 
GenericWebPart 控件 中 。 此 时 这 些 控件 如 同 WebPart 控件 ， 将 显示 出 它们 的 title。 

此 时 的 代码 如 下 。 

<asp:Catalog2Zone ID="CatalogZzonel" runat="server"> 


<ZoneTemplate> 
<asp:DeclarativeCatalogPart ID="DeclarativeCatalogPartl" 
runat="server"> 
<WebPartsTemplate> 
<asp:FileUpload ID="FileUploadl" runat="server" title=" 文 件 上 传 
"/><br /> 
<asp:Calendar ID="Calendarl"” runat="server" title=" 日 历 显示 "> 
</asp:Calendar> 
</WebPartsTemplate> 
</asp:DeclarativeCatalogPart> 
</ZoneTemplate> 
</asp:CatalogZzone> 


(9) 保存 文件 。 

(10) 检查 效果 。 

Q@ 打开 浏览 器 查看 网 页 。 

@ 在 Display Mode 的 下 拉 列 表 框 中 选择 Catalog 项 。 

@ 在 目录 区 选择 需要 加 入 的 控件 (本 例 中 选择 【日 历 显示 】)。 

@ 在 【添加 到 】 下 拉 列 表 框 中 选择 放置 的 区 域 ( 本 例 中 选择 SideBar)。 
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最 后 显示 的 结果 如 图 22.8 所 示 。 


38292012 3 ||Part 网 
生 - 间 本 卫生 功 页 


22.8 ”网 页 中 增添 控件 的 情况 


22.6 小 


网 站 的 个 性 化 服务 是 一 个 发 展 方向 ， 也 是 一 个 比较 复杂 的 技术 问题 ， 目 前 正 处 于 新 的 


发 展 阶段 ， 一 些 问题 还 没有 完全 成 熟 。 


ASPNET 3.5 对 网 站 的 个 性 化 服务 提供 了 强 有 力 的 支持 。 这 些 支 持 包括 客户 的 识别 和 
跟踪 、 对 客户 关心 数据 的 保存 和 允许 客户 定制 主页 三 个 方面 ， 分 别 用 Membership、profile 
和 WebPart 来 实现 。ASPNET 3.5 对 这 些 工 作 都 实现 了 自动 化 ， 这 是 对 个 性 化 设计 的 最 大 
支持 。 设 计 者 只 需要 在 这 个 基础 上 做 一 些 设置 ， 例 如 ， 为 客户 分 配角 色 、 权 限 ， 设 置 对 匿 
名 客户 的 识别 ， 定 义 客 户 关心 的 数据 (Profilej， 在 个 性 化 网 页 上 部 署 多 重 控件 提供 客户 选 


针 


= 


择 、 编 辑 等 ， 就 能 在 一 定 程度 上 实现 个 性 化 服务 的 要 求 。 


22.7 习 


1. 填空 题 


(1) 在 ASP.NET 3.5 中 ， 系 统 对 个 性 化 服务 提供 了 三 方面 的 支持 。 这 些 支 持 如 下 。 


Membership: 
profile: 
WebPart: 


题 


(2) 为 了 识别 匿名 客户 需 在 Web.config 文件 中 作 如 下 设置 。 


<system.web> 
<anonymousIdentification 
</system.web> 


/> 


rr [CEI 可 

Beeversse | 

SideBar Main 巨 录 区 域 关 团 
日 历 显示 -content ~ 局 A 
到 | 次 迎 参 ||” 和 7 
Eee 观 Web | ni [Baer 可 匡 台 | 医 囊 
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(3) 如 果 在 Web.config 文件 中 定义 了 一 个 profile。 


<profile> 
<property name="Name" /> 
</profile> 
这 个 profile 的 名 字 是 ， 类 型 是 
(4) 为 了 将 定义 的 profile 提供 给 匿名 客户 使 用 ， 在 定义 的 后 面 还 要 添加 如 下 属性 。 
<profile> 
<properties> 
<add name=" PhoneCode " type="string" Pes 
</properties> 
</profile> 
2. 判断 题 
(1) profile 是 一 组 为 特定 客户 定义 且 可 以 保存 的 数据 。 (. 
(2) 放 入 Zone 控件 中 的 WebPart 控件 不 受 限制 。 ( ) 
(3) 能 够 编辑 的 WebPart 类 只 能 放 入 EditorZone 中 。 € 
3. 简 答 题 


(1) 简 述 在 个 性 化 网 页 中 保留 并 显示 自己 关心 数据 的 方法 。 
(2) WebPartManager 控件 起 什么 作用 ? 
(3) WebPartZone 控件 的 作用 是 什么 7 它 与 Web Part 之 间 是 什么 关系 ? 


4. 操作 题 


(1) 将 个 人 喜爱 的 多 个 网 址 保存 在 自己 的 个 性 化 网 页 中 ， 每 当 打 开 网 站 时 立即 显示 这 
些 网 址 。 
(2) 利用 WebPart 控件 创建 一 个 简单 的 个 性 化 网 页 。 


第 五 部 分 


Ajax 是 浏览 器 与 服务 器 通信 技术 的 革新 ，2005 年 年 初 被 提出 后 就 引起 了 广泛 的 注 
意 ， 特 别 在 Google、Microsoft 两 大 软件 巨人 的 大 力 倡导 下 ， 得 到 了 很 大 的 发 展 。 目 前 已 
经 广泛 应 用 于 各 种 类 型 的 Web 应 用 中 。 本 部 分 将 先 介绍 Ajax 的 基本 原理 ， 然 后 重点 介绍 
在 ASPNET 中 的 应 用 。 具 体内 容 分 为 三 章 : 

@ Ajax 原理.。 

@ ASPNET Ajax 技术 。 


@ Ajax 工具 箱 。 
要 求 在 掌握 Ajax 基本 原理 的 基础 上 ， 重 点 掌握 ASPNET 服务 器 端的 Ajax 技术 ， 能 


够 设计 ASP.NET Ajax 网 站 ， 或 者 根据 需要 对 传统 的 Web 网 站 进行 Ajax 
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为 了 更 好 地 理解 Ajax 原理 ， 本 章 将 通过 与 传统 通信 方式 进行 比较 来 说 明 Ajax 的 特点 
和 优点 ， 然 后 通过 一 个 示例 来 说 明 Ajax 的 实现 过 程 ， 最 后 再 介绍 一 种 XML 的 “瘦身 ” 
语言 JSON。 


23.1 概 述 


Ajax 是 Asynchronous( 异 步 )+JavaScript + XML 的 简写 ， 它 是 对 浏览 器 与 服务 器 之 间 
通信 方式 的 革新 。 为 了 理解 Ajax 原理 ， 先 回顾 一 下 传统 的 浏览 器 与 服务 器 之 间 的 通信 
过 程 。 


23.1.1 传统 的 浏览 器 与 服务 器 的 通信 过 程 


运行 ASPX 网 页 时 ， 传 统 的 浏览 器 与 服务 器 之 间 的 通信 过 程 是 这 样 的 。 
(1) 客户 通过 URL 向 服务 器 申请 网 页 。 

(2) 在 服务 器 端 生 成 网 页 后 发 送 给 浏览 器 。 

(3) 浏览 器 下 载 并 编译 HTML 后 显示 在 网 页 上 。 

(4) 在 浏览 器 端 发 生 了 事件 ， 将 信息 回访 给 服务 器 处 理 。 

(5) 当 服 务 器 处 理 完事 件 后 生成 新 网 页 ， 再 返回 浏览 器 。 

(6) 浏览 器 下 载 后 刷新 并 显示 新 的 网 页 。 

其 过 程 如 图 23.1 所 示 。 


图 23.1 传统 的 浏览 器 与 服务 器 的 通信 过 程 
由 于 传统 的 通信 采用 同步 方式 ， 当 向 服务 器 发 送信 息 以 后 ， 要 等 待 服务 器 处 理 完毕 返 
回 后 ， 浏 览 器 才能 继续 执行 后 续 的 操作 。 其 过 程 如 图 23.2 所 示 。 
传统 通信 的 过 程 表 明 ， 第 一 次 访问 网 页 与 发 生 事件 后 回访 的 过 程 基本 相同 ， 每 次 都 需 
要 对 网 页 的 整体 进行 传送 和 刷新 。 其 结果 不 仅 通信 量 大 ， 而 且 由 于 网 页 整体 刷新 带 来 的 闪 
烁 ， 加 上 同步 通信 带 来 的 间断 都 影响 了 系统 的 运行 效率 ， 降 低 了 客户 的 体验 。 


23.1.2 ”Ajax 模式 下 的 通信 过 程 
为 了 改善 传统 的 通信 过 程 ， 在 浏览 器 端 增添 一 个 中 间 层 一 一 Ajax 引擎 。 数 据 传输 时 浏 
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览 器 与 服务 器 不 再 直接 打交道 ， 而 首先 要 将 信息 传送 到 Ajax 引擎 。Ajax 引擎 实际 上 是 一 
组 JavaScript 对 象 或 函数 ， 用 来 在 浏览 器 中 对 元 素 定位 ， 并 作 一 些 初步 的 处 理工 作 ， 然 后 
再 送出 部 分 数据 。 


浏览 器 客户 端 


用 户 行为 用 户 行为 用 户 行 
数据 传 数据 传 答 据 传输 数据 传输 
Web 服务 器 端 
系统 响 统 响 | 统 响应 一 


图 23.2 ”信息 的 传输 过 程 
Ajax 模式 下 浏览 器 与 服务 器 之 间 的 通信 如 图 23.3 所 示 。 


R44 


23.3 ”Ajax 模式 下 浏览 器 与 服务 器 之 间 的 通信 过 程 

另外 ，Ajax 的 通信 方式 由 同步 改 为 异步 [Asynchronous)。 即 当 浏 览 器 向 Ajax 引擎 发 送 
信息 后 不 等 处 理 完毕 即 返回 继续 执行 后 续 代 码 。 异 步 通信 的 过 程 如 图 23.4 所 示 。 

在 Ajax 模式 中 ， 第 一 次 访问 服务 器 与 后 续 的 回访 是 不 同 的 。 第 一 次 访问 网 页 时 ， 服 
务 器 不 仅 要 将 网 页 本 身 ， 而 且 要 将 浏览 器 需要 的 JavaScript 代码 (一 些 增强 浏览 器 功能 的 代 
码 )， 一 并 发 送 到 浏览 器 。 因 此 第 一 次 传送 的 信息 量 比 传统 方式 要 多 一 些 ， 但 后 续 的 回访 
中 只 交换 一 些 改变 了 的 数据 (不 是 整个 网 页 )， 因 此 通信 和 量 将 大 大 减少 。 


23.1.3 ”信息 流通 量 的 比较 


现在 将 上 述 两 种 通信 方式 的 通信 流量 做 一 些 比较 。 

e 传统 方法 进行 交互 时 ， 每 次 交互 都 是 整体 网 页 的 传送 和 更 新 ， 因 此 信息 流通 量 
都 差不多 ， 如 图 23.5(a) 所 示 。 

. Ajax 模式 进行 通信 时 后 续 访 问 的 通信 量 大 大 低 于 第 一 次 访问 时 的 通信 量 ， 如 
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图 23.5(b) 所 示 。 
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23.4 ”Ajax 异步 通信 的 过 程 


| 

Ed 

DE RR EE OER, PS RR RR ER 
登录 。 新 页 面 。 新 页 面 新 页 面 。 新 页 面 新 页 面 注销 

(a) 

EL 

Ea 

De i Ep PE J PAE) J ER RN A I TE | 
登录 。 新 页 面 。 新 页 面 新 页 面 。 新 页 面 新 页 面 注销 


(b) 


图 23.5 ”两 种 通信 模式 的 信息 流通 量 

@ ”两 种 通信 模式 的 通信 总 量 的 比较 如 图 23.6 所 示 。 
图 中 实 线 代表 传统 通信 方式 时 的 情况 ， 其 通信 和 总 量 将 随 回访 次 数 的 增加 而 大 幅 
度 增加 ; 虚线 代表 用 Ajax 进行 通信 时 的 通信 总 量 ， 它 表明 当 回 访 同一 网 页 时 ， 
总 通信 量 的 增加 并 不 显著 。 

概括 地 说 ，Ajax 对 传统 通信 的 方式 作 了 两 方面 的 改进 。 

@ 局 部 数据 传送 和 刷新 ， 代 替 网 页 的 整体 传送 和 刷新 。 

@ ”用 异步 通信 代替 同步 通信 。 
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旺 亲 新 贡 面 ”新 页 面 新 页 面 ”新 不 硬 新 页 吕 ”注销 
图 23.6 两 种 通信 方式 通信 总 量 的 比较 
Ajax 模式 使 Web 的 运行 方式 更 接近 于 桌面 系统 的 运行 方式 。 和 传统 的 通信 模式 比 


较 ，Ajax 模式 不 仅 减 少 了 信息 的 总 流通 量 ， 而 且 客户 与 浏览 器 之 间 的 交互 变 得 更 加 灵 
敏 ， 客 户 体验 得 到 了 明显 的 改善 。 


23.2 Ajax 的 组 成 


Ajax 并 不 是 单一 的 技术 ， 而 是 几 种 已 经 比较 成 熟 技术 的 组 合 。 包 括 如 下 几 种 技术 。 

@ DOM: Web 网 页 由 DOM 网 页 元 素 组 成 ， 这 些 元 素 可 以 通过 JavaScript 脚本 进行 
查询 和 修改 。 

@ CSS: CSS 为 Web 页 面 元 素 提供 了 一 种 可 重用 的 定义 方法 。 在 Ajax 的 应 用 中 客 
户 界面 的 样式 可 以 通过 CSS 独立 进行 修改 。 

@ JavaScript: JavaScript 是 通用 的 脚本 语言 。 通 过 JavaScript 解释 器 可 以 执行 浏览 
器 的 内 建功 能 。Ajax 程序 实际 上 是 用 JavaScript 语言 编写 的 。 

@ 。 XMLHttpRequest 类 : XMLHttpRequest 是 用 于 通信 的 类 ， 它 允许 用 异步 (也 可 以 
用 同步 ) 方 式 与 服务 器 进行 交互 ， 交 互 的 数据 格式 通常 是 XML 或 JSON( 下 面 讲 述 )。 

以 上 4 个 部 分 的 关系 如 图 23.7 所 示 。 


Web 浏 览 器 
Css 样式 


CJ avaScript 


图 23.7 Ajax 的 组 成 
上 述 技术 在 DHTML 和 jQuery 中 都 用 到 过 ， 现 在 只 是 对 这 些 技术 重新 进行 组 合并 加 
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以 延伸 和 增强 ， 从 而 发 挥 出 新 的 作用 。 

Ajax 的 组 成 说 明 ， 应 用 Ajax 技术 并 不 需要 增加 什么 新 硬件 ， 也 不 需要 下 载 什么 大 型 
软件 。 世 界 上 几乎 所 有 的 计算 机 (包括 桌面 系统 、 手 提 电 脑 等 ) 都 已 经 为 Ajax 的 应 用 准备 好 
了 必要 的 物质 条 件 。 


23.3 Ajax 中 的 几 个 关键 语句 
下 面 是 几 个 与 Ajax 技术 相关 的 关键 语句 。 


23.3.1 ”通信 类 的 兼容 语句 


从 前 面 的 分 析 可 以 看 出 ，XMLHttpRequest 通信 类 在 Ajax 中 起 到 了 关键 的 作用 ， 正 是 
通过 它 发 送 异 步 请 求 、 接 收 响应 以 及 执行 回调 等 项 任务 。XMLHttpRequest 最 初 是 作为 正 
5 Active 组 件 引入 的 ， 后 来 各 大 浏览 器 厂商 都 提供 了 类 似 的 产品 。 它 们 的 原理 相同 ， 结 构 
也 只 有 很 小 的 区 别 ， 但 各 厂商 对 该 类 的 取 名 却 不 同 。 正 浏览 器 使 用 的 是 ActiveXObject 
类 。 其 他 类 型 的 浏览 器 ， 如 Mozilla Firefox 、Safari 和 Opera 等 使 用 的 名 称 是 
XMLHttpRequest 类 。 因 此 不 同类 型 的 浏览 器 生成 该 类 对 象 的 语句 也 各 不 相同 。 

对 于 下 浏览 器 来 说 ， 生 成 通信 对 象 的 语句 是 

Var OXmlHttp = new 

ActiveXxObject ("Microsoft .XMLHTTP") 7 

对 于 其 他 类 型 的 浏览 器 来 说 ， 生 成 通信 对 象 的 语句 是 

Var OXmlHttp = new XMLHttpRequest (); 


为 了 使 Ajax 技术 能 够 应 用 于 不 同类 型 的 浏览 器 中 ， 首 先 要 解决 通信 类 在 各 浏览 器 之 
间 的 兼容 问题 ， 还 要 考虑 不 同 版 本 的 应 用 问题 (微软 的 正 已 经 开发 了 多 种 版 本 )。 
综合 上 述 因 素 ， 生 成 通信 对 象 的 语句 是 
function createXMLHttp () 1{ 
// 如 果 已 经 定义 了 XMLHttpRequest 


if (typeof XMLHttpRequest != "undefined") { 
return new XMLHttpRequest (); 


} 
else if (window.ActiyeXOobject){ // 定 义 IE 的 最 新 版 本 
Var aversion = ["MSXML3 .XMLHttp.7.0"," MSXML3.XMLHttp.6.0", 
"MSXMLS5 .XMLHttp", "Microsoft .XMLHttp"]; 
// 为 了 选择 使 用 最 新 版 本 
for (var i=0;i < aversion.length; i++) { 
try { 
Var oXmlHttp = new ActiveXObject (aversion[i]); 
return oxmlHttp; 
}catch (oError) { 
// Do nothing 
} 
} 
} 
Throw new Error("XMLHttp object could not be created。") 7 
， 
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23.3.2 ”浏览 器 中 元 素 定 位 语句 
在 浏览 器 中 ， 用 JavaScript 对 元 素 定 位 的 语句 有 以 下 两 种 。 
@ 根据 元 素 JD 定位 : 
document .getElementBYId("someID") 7 


@ 根据 元 素 名 : 


document .getElementsByTagName ("someTag"); 


23.3.3 ”异步 通信 的 语句 


xhr = new ActiveXObject ("Microsoft .XMLHTTP"); 
xhr.open("Get",url ,true); 

// 参数 中 的 true 代表 启用 异步 通信 ， 如 果 使 用 false 则 为 同步 通信 
xhr.send(nul1)7 // 发 送信 息 
xhr.onreadystatechange=functionName; 


// functionName 代表 返回 结果 后 执行 的 函数 名 
23.4 ”Ajax 异步 通信 示例 


下 面 通过 一 个 简单 的 示例 来 说 明 Ajax 的 异步 通信 过 程 。 本 示例 的 功能 是 ， 根 据 客户 
输入 的 邮政 编码 找到 并 填 入 客户 的 具体 地 址 。 

首先 建立 数据 库 及 数据 表 。 假 定 邮政 代码 的 简 表 如 图 23.8 所 示 ， 注 意 地 址 名 之 间 用 
句号 分 隔 ， 例 如 “湖南 省 .长 沙市 . 宁 乡 县 .”， 如 果 有 缺 项 时 ， 要 用 句号 填补 ， 如 “北京 
市 ”等 。 


湖南 省 长 沙市 长 沙县 
湖南 省 长 沙市 望城 县 
湖南 省 长 沙市 浏阳 市 


图 23.8 各 省 、 市 、 县 邮政 编码 简 表 
23.4.1 浏览 器 端的 设置 
在 HIML 网 页 中 ， 用 浏览 器 端 控件 设置 的 显示 界面 如 图 23.9 所 示 。 
下 面 的 代码 中 包括 两 个 函数 。 
®@ function getZipData(code) 用 来 发 出 异步 通信 请 求 。 
@ ”function processZipData0 通 信 完 成 后 对 结果 进行 处 理 。 
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图 23.9 HTML 网 页 显示 界面 


<script language="javascript" type="text/javascript"> 
var xhr; 
function getZipData (code) 
' 
if (window.ActiveXobject) // 这 里 只 生成 微软 的 通信 对 象 
1 
xhr = new ActiveXObject ("Microsoft .XMLHTTP"); 
+t 
Else 
{ 
xhr = new XMLHttpRequest () 7 


} 
url="Default .aspx? addcode="+document .getElementById ("Text1") .value; 


// 给 DOM 中 的 元 素 定位 
xhr.open ("Get",url] ,true); // 以 Get 方式 与 url 之 间 进行 异步 通信 
xhr. send (null1); // 发 送信 息 
xhr.onreadystatechange=processZzipData; 
// 指定 processZipData 为 返回 时 执行 的 函数 
} 
function processZzipData() 
{ 
if (xhr.readystate == 4) // 判 断 异 步 通信 和 是否 完成 
var data = xhr.responseText; // 取 出 回调 信息 
var cityState = data.split ('.'); // 分 解 回调 信息 
document .getElementById("Text2") .value = cityState[0]7 // 显 示 信息 
document .getElementById("Text3") .value = cityState[1]7 
document .getElementById("Text4") .value = cityState[2]7 
, 


} 
function Textl_onblur() { // 事 件 代码 
getzZzipData (this.value) 7 


也 Script> 

其 中 几 条 语句 的 作用 如 下 。 

@  Xhr.open("Get",url ,true) 语 句 的 作用 是 启动 异步 通信 。 

@ if(xhr.readyState 一 4) 的 作用 是 判断 通信 是 否 完成 。 

@ ”语句 document.getElementById("...").value 代表 到 控件 中 取 值 。 

@ var cityState = data.split('."); 语 句 中 的 split(.") 代 表 将 cityState 字符 串 以 “.” 为 界 分 
解 成 字符 串 数组 ， 如 cityState[0]、cityState[1]、cityState[2] 等 。 
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23.4.2 ”服务 器 端的 设置 


浏览 器 调用 与 服务 器 响应 是 两 个 独立 的 过 程 。 浏 览 器 只 要 将 信息 传 出 ， 不 需 等 待 即 可 
开始 其 他 工作 ， 待 服务 完成 后 再 对 结果 进行 处 理 。 

服务 器 可 以 是 Java/J2EE， 也 可 以 是 .NET 系统 ， 主 要 任务 是 根据 传 来 的 邮政 编码 ， 在 
数据 库 中 查 出 对 应 的 地 址 ， 再 用 Response.Write0 方 法 送 回 浏览 器 。 

这 里 采用 了 ASPNET 3.5 的 三 层 架 构 ， 利 用 存储 过 程 从 数据 库 中 查 出 具体 地 址 。 

为 此 ， 先 写 一 个 存储 过 程 ， 代 码 如 图 23.10 所 示 。 

另外 在 数据 集中 增添 一 个 方法 getaddress(@mailcode)， 如 图 23.11 所 示 。 


ALTER PROCEDURE dbo. getaddress 


Qmailcode nvarchar (20) 
) 


起 网 mailcodeTableAdapter 区 
[select address from mailcode Where mailcode-@mailcodd 
i 
国 getaddress (@maicode) 
图 23.10 ”存储 过 程 代码 图 23.11 在 数据 集中 增添 方法 
并 在 .aspx 网 页 中 编写 如 下 代码 。 


public partial class Default : System.Web.UI.Page 


{ 
DataSetlTableAdapters .mailcodeTableAdapter tt; 
protected void Page Load(object sender, EventArgs e) 


tt = new DataSetlTableAdapters.mailcodeTableAdapter (); 


if (Request.QuerySstring["addcode"] != null) 
{ 
String add = (string)tt.getaddress (Request.Querystring["addcode"]); 
System.Threading.Thread.Sleep (10000); // 为 了 演示 而 附加 的 代码 ， 延 时 10 秒 
Response.Write (add); 
} 
} 
} 
运行 上 述 程序 后 ， 只 要 客户 在 网 页 中 输入 邮政 编码 ， 就 可 以 从 服务 器 返回 的 信息 中 分 
解 出 相应 的 地 址 (省 、 市 、 县 )。 为 了 演示 异步 通信 的 效果 ， 在 上 述 服务 器 端 代码 中 增加 了 
“ 延 时 ”部 分 。 演 示 时 当 从 浏览 器 填 完 邮政 代码 并 提交 以 后 ， 不 必 等 待 服务 器 处 理 ， 立 即 
可 以 继续 进行 后 续 的 工作 (例如 继续 填写 【其 他 信息 】 栏 )。 


23.5 JSON 语言 
随 着 Web 的 广泛 流行 ，XML 已 经 实际 上 成 为 数据 传输 的 标准 。 但 是 XML 不 是 没有 


缺点 ， 也 不 是 没有 批评 者 。 例 如 ， 有 些 人 认为 ， 由 于 XML 语句 的 前 后 必须 包括 标签 ， 从 
而 大 大 增加 了 数据 的 元 余 ， 即 使 是 一 个 简单 的 表单 也 往往 需要 传输 大 量 的 信息 。 由 于 这 种 
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原因 ， 有 人 为 此 另外 开发 了 XML 的 压缩 格式 ， 甚 至 是 全 新 的 XML 表单 ， 诸 如 二 进 制 
XML(Binary XML) 等 。 这 些 解决 方案 都 可 以 看 成 对 XML 的 扩展 或 补充 。 一 位 资深 的 软件 
工程 师 Douglas Crockford 专门 开发 了 一 个 内 建 于 JavaScript 的 数据 格式 ， 称 为 JavaScript 
的 对 象 表示 (JSON)， 常 用 于 Ajax 的 通信 中 ， 以 进一步 减少 通信 流量 。 


23.5.1 什么 是 JSON 


JSON 是 JavaScript Object Notation 的 缩写 ， 它 是 一 种 轻 量 级 的 数据 格式 ， 目 的 在 于 简 
化 XML 的 表达 方式 。 它 基于 JavaScript 语法 的 子 集 ， 常 用 数组 和 对 象 来 表示 。 由 于 它 使 
用 的 是 JavaScript 语法 ， 因 此 JSON 可 以 包含 在 JavaScript 文件 中 ， 对 其 访问 无 须 通过 
XML 的 语言 来 进行 额外 的 解析 。 不 过 使 用 JSON 需要 理解 JavaScript 中 数组 及 对 象 特殊 的 
语法 结构 。 


23.5.2 ”数组 字面 量 

数组 字面 量 是 用 一 对 方 插 号 括 起 来 的 ， 用 逗号 隔 开 的 JavaScript 值 ， 包 括 字 符 串 、 数 
字 、 布 尔 值 或 null。 例 如 : 

var aName=[" 北 京 ", "湖南 ", "长 沙 "] ; 

然后 可 以 用 数组 的 名 称 和 方 括号 来 访问 该 数组 的 值 。 例 如 : 


alert (aName[0]); // 输 出 "北京 " 
alert (aName [1]); // 输 出 "湖南 " 
alert (aName [2]); // 输 出 "长 沙 " 


注意 : 下 标 序 号 从 0 开始 。 

由 于 JavaScript 中 的 数组 是 无 类 型 的 ， 因 此 可 以 存 入 任何 类 型 的 值 。 例 如 : 
Var aValues=["string", 24 , true , null]; 

如 果 不 想 使 用 字面 量 表示 法 来 定义 数组 ， 也 可 以 用 Array 的 构造 函数 。 例 如 : 
Var aValues = new Array("string", 24,true, null); 


虽然 在 JavaScript 中 ， 上 述 两 种 方法 都 是 可 行 的 ， 但 在 JSON 中 只 能 用 字面 量 。 


23.5.3 ”对 象 字面 量 


对 象 字面 量 用 来 存储 “名 称 一 值 ”对 的 信息 ， 最 终 将 创建 一 个 对 象 。 对 象 字面 量 通过 
大 括号 ({} ) 来 定义 。 在 大 括号 中 可 以 放置 任意 数量 的 “名 称 一 值 ” 对 ， 定 义 的 格式 是 
“字符 串 值 ”。 除 最 后 一 行 外 ， 每 个 “名 称 一 值 ” 对 后 必须 有 一 个 逗号 。 例 如: 

var oCcar = { 
COELOP 3 wede 7 
doorg™ 二 
"paidFor" : true 


上 
这 段 代 码 创 建 了 一 个 对 象 ， 其 中 包括 3 个 名 字 分 别 是 color、doors 和 paidFor 的 属 
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性 。 每 个 属性 的 值 都 不 一 样 ， 可 以 通过 以 下 语句 来 访问 它们 。 


alert (oCar.color); // 输 出 red 
alert (oCar .doors); // 输 出 4 
alert (oCar.paidFor); // 输 出 true 


也 可 以 使 用 方 括 号 ， 并 将 属性 的 名 称 作为 字符 串 值 放 入 其 中 ， 来 访问 属性 。 如 : 


alert (oCar["color"]); // 输 出 red 
alert (oCar["doors"]); // 输 出 4 
alert (oCar["paidFor"]); // 输 出 true 


在 这 里 可 以 看 出 ， 使 用 对 象 字面 量 要 比 对象 的 构造 函数 代码 量 要 少 一 些 。 


23.5.4 混合 字面 量 


可 以 混用 对 象 和 数组 字面 量 ， 来 创建 一 个 对 象 数组 ， 或 者 一 个 包含 数组 的 对 象 。 
例如 : 


var aCars = { 


"color™ 
"doors" 
"paidFor 


"color™ : 
"doors" 
"paidFor 


"color” > "white", 
"doors"” : 2, 
"paidFor" : false 


}; 
这 段 代 码 定义 了 一 个 数组 ， 包 括 三 个 对 象 ， 每 个 对 象 都 包括 color、doors 和 paidFor 
三 个 属性 。 可 以 通过 组 合 方 括号 和 “.” 符 号 来 访问 数组 的 信息 。 例 如 ; 
alert (aCars[1] .doors); // 输 出 4 
同样 ， 也 可 以 在 对 象 字面 量 中 定义 一 个 数组 。 如 : 
Var oCarInfo = { 
"availableColors" : ["red"，"white"，"blue"] ， 
"availableDoors" : [2, 4] 
} 
这 段 代码 定义 了 另 一 个 对 象 名 为 oCarInfo， 它 包括 availableColors 和 availableDoors 
两 个 属性 。 这 两 个 属性 都 是 数组 ， 分 别 包 含 字符 串 和 数字 。 要 访问 它们 ， 只 需 将 方 括号 和 
“.” 符 号 顺序 调用 即 可 。 因 此 ， 要 调用 第 二 个 可 用 的 颜色 值 时 ， 可 以 采用 以 下 语句 。 


alert (oCarIinfo.availableColors[1]); 
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23.5.5 JSON 语法 


JSON 只 是 用 来 表示 数据 ， 它 的 语法 中 除了 混合 对 象 和 数组 表示 来 存储 的 数据 以 外 ， 
没有 其 他 更 多 内 容 。 在 JSON 中 没有 变量 、 赋 值 、 判 断 等 概念 。 因 此 ，JSON 的 原始 代码 
与 最 后 的 代码 是 相似 的 。 最 后 的 代码 如 下 。 

NR 
"availableColors" : ["red","white","blue"] ， 


"availableDoors" : [2,4] 


} 
JSON 的 语法 结构 如 图 23.12 所 示 。 


对 象 
mo 字符 中 | 他 从 人 


《[ 


G 


23.12 ”JSON 语法 结构 图 
和 原始 代码 相 比 ，oCarInfo 变量 去 掉 了 ， 但 在 大 括号 中 仍然 包括 冒号 和 逗号 。 如 果 将 
其 通过 HTTP 传送 给 浏览 器 ， 速 度 将 会 很 快 ， 因 为 字符 的 总 数 很 少 。 假 定 通过 
XMLHttp( 或 者 其 他 客户 端 一 服务 器 端 通信 机 制 ) 这 些 数据 并 存 到 sJSON 变量 中 ， 那 么 这 时 
将 拥有 一 个 字符 串 ， 而 非 一 个 对 象 ， 特 别 是 包含 两 个 数组 的 对 象 ， 必 须 使 用 JavaScript 中 
的 eval0 函 数 来 实现 。 其 方法 如 下 : 


Var oCarInfo = eval("(" + sJSON + ")"); 


在 JavaScript 通信 中 使 用 JSON 作为 数据 格式 的 好 处 很 明显 : 可 以 立即 获得 数据 的 
值 ， 因 此 可 以 更 快 地 访问 其 中 包括 的 数据 。 


23.5.6 JSON 与 XML 比较 
下 面 是 用 XML 来 描述 一 个 班 中 三 名 学 生 的 信息 。 


<classinfo> 
<students> 
<student> 
<name> 张 三 </name> 
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<average>95</average> 
<age>18</age> 
</student> 
<student> 
<name> 李 四 </name> 
<average>83.8</average> 
<age>20</age> 
</student> 
<student> 
<name> 王 五 </name> 
<average>66</average> 
<age>21</age> 
</student> 
</students> 
</classinfo> 


实际 上 对 于 这 些 数 据 来 说 ， 我 们 感 兴趣 的 只 有 与 学 生 相关 的 信息 。 文 件 中 前 后 的 标签 
如 <students> 和 <classinfo> 等 只 是 XML 语法 的 需要 。 而 且 每 个 信息 都 在 前 后 重复 使 用 了 两 
次 。 这 些 都 增加 了 通信 的 流量 。 
下 面 是 用 JSON 改写 后 的 描述 。 
{ "classinfo" : 
| 


"students" : { 


{ 


ae 83: “= 
"average" : 95, 
"age" : 18 


"name"” : " 李 四 "， 
"average" : 83.8, 
"age" : 20 


"name"” : " 王 五 "， 
"average" : 66, 
"wage"” : 21 


} 

} 

比较 上 面 两 种 表示 形式 可 以 看 出 ， 同 样 的 内 容 用 JSON 表示 比 原 XML 文档 少将 近 
100B( 约 占 50%)。 这 是 一 个 最 简单 的 情况 。 对 于 一 些 比较 复杂 的 文档 来 说 ， 节 约 的 数量 会 
更 多 。 因 此 创始 人 Crockford 将 JSON 称 为 对 XML 的 “减肥 方案 ”。 

然而 任何 事物 都 是 一 分 为 二 的 。XML 多 一 些 标签 ， 提 高 了 文件 的 可 读 性 ， 人 们 可 以 
更 准确 地 理解 文档 所 表达 的 内 容 。JSON 的 符号 更 加 简化 ， 用 肉眼 观察 有 时 可 能 会 增加 一 
点 难度 。 但 对 于 数据 交换 来 说 ， 交 换 的 格式 都 是 用 机 器 识别 ， 从 不 用 肉眼 观察 。 因 此 两 者 
各 有 自己 的 优 缺 点 ， 互 不 排斥 ， 分 别 适 用 于 不 同 的 场合 。 
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23.6 小 结 


Ajax 技术 是 对 浏览 器 与 服务 器 之 间 通 信和 方式 的 革新 。 在 传统 的 通信 方式 中 对 网 页 的 
访问 都 是 整体 传送 和 刷新 ， 加 上 用 同步 方式 通信 ， 不 仅 通 信 流 量 大 ， 而 且 使 客户 体验 下 
降 。 现 在 Ajax 用 增加 Ajax 引擎 的 办 法 增强 浏览 器 的 功能 。 在 Ajax 模式 下 浏览 器 与 服务 
器 不 再 直接 打交道 ， 而 是 首先 通过 Ajax 引擎 。Ajax 引擎 实际 上 就 是 一 组 JavaScript 的 类 
和 函数 ， 用 来 给 浏览 器 中 的 元 素 进 行 定位 并 作 一 些 初步 处 理 ， 然 后 将 部 分 数据 传送 到 服务 
器 去 。 从 服务 器 返回 的 数据 也 首先 交 给 Ajax 引擎 ， 再 分 送 到 浏览 器 的 元 素 。 用 局 部 数据 
的 传送 和 刷新 代替 了 整体 网 页 的 传送 和 刷新 ;用 异步 通信 代替 同步 通信 是 Ajax 改善 传统 
方式 的 两 大 措施 ， 实 现 了 这 些 措施 就 能 大 大 改善 客户 体验 。 为 此 系统 需要 解决 通信 类 的 兼 
容 问题 、 异 步 通信 中 出 现 的 各 种 问题 。 

JSON 是 XML 的 减肥 方案 ， 在 Ajax 中 利用 它 来 传输 数据 将 进一步 减少 信息 的 流 
通 量 。 


23.7 习 题 


1. 填空 题 


(1) Ajax 是 的 英文 缩写 。 

(2) 在 Ajax 模式 下 的 通信 中 ， 浏 览 器 与 服务 器 不 再 直接 打交道 ， 而 是 先 将 信息 传送 
给 

(3) 在 正 中 异步 通信 类 的 名 字 是 

(4) 在 Mozilla Firefox 中 异步 通信 关 的 名 字 是 


2. 选择 题 


(1) Aijax 引擎 实际 上 是 一 组 
A. 数学 表达 式 
B. 指向 JavaScript 的 路 径 
C. JavaScript 的 对 象 和 函数 
D. 字符 串 
(2) Ajax 引擎 的 作用 是 
A. 定位 元 素 B. 异步 通信 的 类 C. 初步 处 理 数据 D. A+C 
(3) 下 列 语句 中 带 下 划 线 的 部 分 代表 
Xhr = new ActiveXObject ("Microsoft .XMLHTTP"); 
Xxhr.open("Get",url,true); 
A. 打开 数据 库 B. 启动 异步 通信 
C. 连接 数据 库 D. 启动 同步 通信 
(4) JSON 语言 的 目的 是 
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A. 简化 HTML 的 表达 方式 B. 简化 JavaScript 的 表达 方式 

C. 简化 CSS 的 表达 方式 D. 简化 XML 的 表达 方式 
3. 判断 题 
(1) Ajax 技术 适用 于 对 不 同 网 页 的 访问 。 ( ) 
(2) Ajax 技术 适用 于 对 同一 网 页 的 多 次 访问 。 € 
4. 简 答题 


(1) 同步 通信 与 异步 通信 的 区 别 是 什么 ? 

(2) Ajax 从 哪些 方面 改善 了 传统 的 通信 方式 ? 

(3) 对 比分 析 传统 通信 方式 与 Ajax 模式 下 通信 方式 总 信息 流通 量 的 变化 。 

(4) 不 同类 型 的 浏览 器 异步 通信 类 的 名 称 不同 ， 系 统 是 如 何 解 决 通信 类 兼容 问题 的 ? 
5. 操作 题 

模仿 23.4 节 的 示例 创建 一 个 用 Ajax 异步 通信 方法 访问 学 生成 绩 的 应 用 程序 。 
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上 一 章 已 经 讲述 了 Ajax 的 基本 原理 ， 如 果 直 接 按照 Ajax 的 原理 进行 软件 开发 难度 仍 
然 较 大 ， 它 要 求 设 计 者 熟练 掌握 JavaScript 语言 。 现 在 微软 公司 在 这 个 基础 上 推出 了 
ASPNET Ajax 技术 (以 前 称 为 Atlas)， 不 仅 保持 了 原 Ajax 的 主要 优点 ， 还 对 某 些 功能 进行 


了 扩展 ， 
户 体验 ， 


并 大 大 简化 了 学 习 和 开发 的 过 程 。 按 照 微 软 自 己 的 提 法 ， 它 的 目标 不 仅 要 提高 客 
还 要 提高 开发 人 员 、 应 用 人 员 以 及 管理 人 员 的 体验 。 


本 章 将 通过 一 些 示例 重点 讲解 基于 服务 器 的 ASPNET Ajax 程序 开发 。 具 体 问 题 包括 : 


ASPNET Ajax 的 特点 。 

ASPNET Ajax 的 架构 。 

ASPNET Ajax 控件 。 

服务 器 端 ASPNET Ajax 应 用 示例 。 
给 传统 网 页 增添 Ajax 功能 。 


24.1 ASP.NET Ajax 的 特点 


ASPNET Ajax 的 特点 可 以 归纳 成 以 下 几 个 方面 。 


ASPNET Ajax 可 以 与 ASPNET 无 颖 地 集成 。 

系统 提供 了 脚本 库 、 类 库 和 若干 新 组 件 和 控件 ， 大 大 增强 了 JavaScript 语言 面向 
对 象 的 特点 ， 又 简化 了 开发 过 程 。 

系统 中 不 仅 开发 了 基于 客户 端的 ASPNET Ajax 应 用 程序 ， 还 允许 创建 基于 服务 
器 的 ASPNET Ajax 应 用 程序 。 系 统 对 两 种 开发 方式 都 提供 了 有 力 的 支持 。 


24.2 ASP.NET Ajax 的 架构 


微软 为 ASP.NET Ajax 提供 了 服务 器 端 和 浏览 器 端 Ajax 框架 两 部 分 ， 人 允许 用 两 种 方 


式 来 开发 Ajax 应 用 程序 。 
@ 基于 服务 器 端 框架 开发 时 ， 几 乎 不 需要 编写 JavaScript 代码 ， 与 开发 ASP.NET 


的 网 页 相 比 改变 不 大 ， 可 以 与 ASPNET 的 传统 程序 无 颖 集成 。 

基于 浏览 器 端 框架 开发 时 ， 能 够 充分 发 挥 Ajax 效能 。 为 了 降低 开发 的 难度 ， 系 
统 提供 了 JavaScript 脚本 库 ， 并 对 JavaScript 语言 增强 了 很 多 面向 对 象 的 特点 (如 
命名 空间 、 继 承 等 )， 从 而 简化 了 开发 的 过 程 。 


ASP.NET Ajax 的 架构 由 两 部 分 组 成 ， 其 结构 如 图 24.1 所 示 。 


24.2.1 


客户 端 架 构 


概括 地 说 ， 客 户 端 架 构 中 主要 包括 : 
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ASP.NET A: 时 
二 pv FF 技术 的 网 沉 PR 


1 
， 

客户 端 脚本 库 | ! 服务 器 端 扩展 

gr 
| 

1 ASP.NET 2.0 (3.5) 

心 | 1 
1 
客户 端 框架 或 服务 服务 器 端 框架 或 服务 


图 24.1 ASP.NET Ajax 框 架 


@ ”用 来 解决 浏览 器 兼容 的 代码 。 

e 客户 端 脚本 库 。 用 来 帮助 开发 者 高 效 地 为 Web 编写 应 用 程序 和 实现 客户 端 功 
能 。 客 户 端 脚本 库 具 有 丰富 的 组 件 模型 ， 并 允许 开发 者 以 面向 对 象 的 方式 进行 脚 
本 编程 。 脚 本 库 中 包括 很 多 常用 类 ， 如 网 络 访问 、 客 户 界 面 增强 ， 以 及 行为 、 动 
作 和 字符 串 操作 等 。 

@ 若干 浏览 器 端 控件 与 组 件 。 

客户 端 架构 的 作用 很 多 都 体现 在 Ajax 工具 箱 (ToolKib 中 ， 详 见 第 25 章 。 


24.2.2 ”服务 器 端 架 构 


服务 器 端 架构 建立 在 ASP.NET 3.5 应 用 程序 的 模型 之 上 ， 既 能 够 实现 Ajax 功能 ， 又 
能 与 Web 服务 等 最 新 技术 紧密 聚合 。 系 统 还 增加 了 几 个 用 于 实现 Ajax 功能 的 控件 。 


24.3 ASP.NET Ajax 控件 


为 了 简化 Ajax 设计 ， 系 统 提 供 了 5 个 Ajax 控件 。 

1. ScriptManager 控件 

顾名思义 ，ScriptManager 是 一 个 对 脚本 (Script) 进 行 管理 (Manager) 的 控件 。 所 有 
ASPNET Ajax 网 页 都 必须 有 ， 而 且 也 只 能 有 一 个 ScriptManager 控件 ， 而 且 此 控件 必须 
放 在 form 内 ， 所 有 其 他 控件 的 前 面 。 本 控件 的 作用 是 负责 协调 哪些 JavaScript 代码 需要 
发 送 到 客户 端 ， 并 部 署 和 处 理 这 些 脚本 。 

控件 中 的 EnablePartialRendering 属性 指定 了 用 何 种 方式 进行 刷新 。 如 果 该 属性 为 
true( 这 是 默认 设置 )， 将 实现 局 部 刷新 ，false 时 为 整个 网 页 刷新 。 

车 在 网 页 中 增添 “AJAX Web 窗 体 ”或 “Ajax 母 版 页 ”时 ， 新 网 页 中 将 会 自动 增加 
这 一 控件 。 
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2. UpdatePanel 控件 

UpdatePanel 控件 用 来 限制 网 页 中 允许 刷新 的 部 分 。 一 个 网 页 中 可 以 放置 多 个 
UpdatePanel 控件 ， 分 布 在 网 页 的 不 同 区 域 ， 通 过 不 同 的 控件 来 触发 它们 进行 刷新 。 

使 用 UpdatePanel 控件 时 ， 数 据 交 换 的 情况 如 图 24.2 所 示 。 


客户 端 服务 器 端 


(HTMIL+ 音 分 行为 (aspx 页 面 ) 


局 部 更 新 管理 器 数据 网 格 控件 


24.2 ”使 用 UpdatePanel 控件 时 ， 数 据 交换 的 情况 


从 图 中 可 以 看 出 ， 在 使 用 UpdatePanel 的 Ajax 网 页 中 ， 刷 新 的 数据 局 限于 
UpdatePanel 控件 的 内 部 ， 其 他 部 分 则 与 传统 的 ASP.NET 编程 模型 没有 区 别 ， 依 然 是 先 根 
据 客户 端的 请 求 计算 并 取得 相应 的 数据 ， 但 与 服务 器 通信 时 ， 只 将 UpdatePanel 控件 内 部 
的 内 容 发 送 给 服务 器 。 

以 上 是 服务 器 执行 Ajax 任务 时 最 重要 的 两 个 控件 。 

UpdatePanel 控件 的 内 部 还 可 以 包括 一 个 子 标签 <Triggers>。 该 标签 的 作用 是 连接 外 阐 
的 控件 来 触发 内 部 的 刷新 。 例 如 ， 在 UpdatePanel 控件 内 部 有 一 个 Labell 控件 ， 用 来 显示 
当前 的 时 间 ， 外 部 有 一 个 按钮 (Button1)， 其 Click 事件 的 代码 如 下 。 

protected void Buttonl Click(object sender, EventArgs e) 
{ 
Labell.Text = System.DateTime.Now.ToLongTimeString()? 

} 

现在 要 利用 外 部 的 按钮 来 触发 内 部 的 刷新 ， 用 局 部 刷新 的 方式 显示 时 间 ， 可 以 通过 子 
标签 <Trigger> 指 向 外 部 的 Button 进行 触发 。 其 代码 如 下 。 

<asp:UpdatePanel ID="UpdatePanell" runat="server"> 

<ContentTemplate> 

<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 

<asp:AsyncPostBackTrigger ControlID="Buttonl" /> 


</Triggers> 
</asp:UpdatePanel> 


UpdatePane1 内 的 数据 


准 一 少 


3. ScriptManagerProxy 控件 


ScriptManagerProxy 控件 是 ScriptManager 的 附加 控件 。 因 为 每 张 网 页 只 允许 出 现 一 个 
ScriptManager 控件 ， 而 在 有 的 情况 下 ， 例 如 母 版 页 中 已 经 有 了 一 个 ScriptManager 控件 ， 
而 在 内 容 页 中 也 需要 添加 一 些 额外 的 对 脚本 的 引用 时 ， 就 应 该 在 该 页 面 上 使 用 
ScriptManagerProxy 控件 。 其 情况 如 图 24.3 所 示 。 
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内 言 网 页 母 版 页 


-asp:Content ContentPlaceHolderID—"..."...~ 
[Sasp: ‘ScriptManagerProxy .> 
=/asp:ScriptManagerProxy ~ 
< 
=asp-UpdatePanel > 


=ContentTemplate> 

| GridView 等 其 他 内 容 
=/ContentTemplate> 
=/asp:UpdatePanel> 

</div> 


/asp:Content> 


24.3 使 用 ScriptManagerProxy 控件 的 情况 


图 中 的 母 版 页 中 已 经 使 用 了 ScriptManager 控件 ， 在 嵌入 的 网 页 中 只 能 使 用 
ScriptManagerProxy 控件 。 


4. UpdateProgress 控件 


当 网 页 执行 异步 通信 时 ，UpdateProgress 控件 用 来 提示 异步 通信 的 执行 状态 。 在 传统 
的 Web 应 用 程序 中 ， 浏 览 器 的 状态 栏 将 提示 当前 页 面 的 加 载 状态 。 但 在 局 部 更 新 的 Ajax 
中 ， 状 态 栏 不 再 适用 了 ， 现 在 用 UpdateProgress 简单 而 友好 地 取代 它 。 

使 用 UpdateProgress 控件 的 代码 如 下 。 


<asp:UpdateProgress ID="UpdateProgressl" runat="server"> 
<ProgressTemplate> 
<h5> 正 在 执行 过 程 中 . . .</h5> 
</ProgressTemplate> 
</asp:UpdateProgress> 
如 果 网 页 中 包括 有 多 个 UpdatePanel 控件 ， 其 中 任 一 个 UpdatePanel 被 刷新 时 ， 都 会 
触发 UpdateProgress 运行 ， 并 持续 显示 本 控件 中 的 内 容 ( 这 里 就 是 显示 “正在 执行 过 程 
中 ...”)， 直 到 异步 通信 结束 为 止 。 
如 果 只 想 用 此 控件 来 显示 其 中 某 个 UpdatePanel 控件 的 更 新 状态 时 ， 可 以 通过 该 控件 
的 AssociatedUpdatePanelID 属性 与 某 个 UpdatePanel 控件 联系 起 来 。 


5. Timer 控件 


Timer 控件 是 一 个 时 间 控 件 ， 可 以 为 它 设置 时 间 间 隔 (Interval， 毫 秒 为 单位 )， 定 时 触 
发 某 个 事件 (Tick)， 以 执行 事先 设 定好 的 工作 。 一 个 很 好 的 用 途 就 是 定时 刷新 UpdatePanel 
控件 内 的 内 容 。 
现在 假定 设置 的 条 件 与 前 面 Triggers 属性 相同 ， 当 将 Timer 控件 放 在 UpdatePanel 控 
件 以 内 时 ， 每 次 的 Tick 事件 都 会 触发 一 次 内 部 刷新 。Timerl_Tick 事件 代码 如 下 。 
protected void Timerl Tick(object sender, EventArgs e) 
E Labell.Text = System.DateTime.Now.ToLongTimeString(); 


. 
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如 果 Timer 控件 放 在 UpdatePanel 控件 以 外 时 ， 也 可 以 通过 UpdatePanel 控件 内 部 的 
<Triggers> 标 签 来 触发 它 。 


24.4 服务 器 端 ASP.NET Ajax 应 用 示例 


下 面 将 演示 两 个 使 用 ASPNET Ajax 的 ScriptManager 和 UpdatePanel 控件 进行 局 部 刷 
新 的 示例 。 

例 24.1 对 比 网 页 整体 刷新 与 局 部 刷新 。 

(1) 创建 一 新 网 页 并 转向 【设计 】 视 图 。 

(2) 在 工具 箱 的 Ajax Extensions 选项 卡 中 ， 双 击 ScriptManager 控件 ， 将 它 增添 到 网 
页 中 来 。 

(3) 双击 UpdatePanel 控件 ， 将 它 增添 到 网 页 中 来 。 

(4) 先 单 击 UpdatePanel 控件 内 部 ， 然 后 在 工具 箱 中 双击 Calendar 日历) 控件 将 它们 
放置 到 UpdatePanel 控件 之 中 。 

(5) 单 击 UpdatePanel 控件 以 外 的 某 个 网 页 空间 ， 再 将 第 二 个 Calendar( 日 历 ) 控 件 放 
到 该 处 。 

(6) 保存 并 在 浏览 器 中 运行 该 网 页 。 

(7) 改变 UpdatePanel 控件 内 部 的 Calendar 控件 的 月 份 时 ， 月 份 的 改变 并 没有 引起 整 
个 网 页 的 刷新 。 

(8) 改变 UpdatePanel 控件 外 部 的 Calendar 控件 的 月 份 时 ， 将 引起 整个 网 页 的 刷新 。 

例 24.2 用 Trigger 触发 外 面 的 控件 ， 对 UpdatePanel 内 部 进行 局 部 刷新 。 

默认 情况 下 ， 只 能 利用 内 部 的 控件 对 UpdatePanel 进行 局 部 刷新 。 但 也 可 以 通过 触发 
器 (TriggeD 利 用 外 部 控件 来 刷新 UpdatePanel 内 部 的 数据 。 有 具体 操作 步骤 如 下 。 

(1) 创建 一 张 新 网 页 并 转向 【设计 】 视 图 。 

(2) 在 工具 箱 的 Ajax Extensions 选项 卡 中 ， 双 击 ScriptManager 及 UpdatePanel 控 
件 ， 将 它们 增添 到 网 页 中 来 。 

(3) 单 击 UpdatePanel 控件 内 部 ， 然 后 在 工具 箱 中 双击 Label 控件 ， 将 它们 放置 到 
UpdatePanel 控件 中 。 

(4) 在 UpdatePanel 控件 的 外 部 放 入 一 个 Button 控件 。 

(5) 双击 Button 控件 ， 创 建 Click 事件 。 

(6) 给 Button 的 Click 事件 编写 以 下 代码 ， 以 便 在 Panel 中 显示 当前 的 时 间 。 

protected void Buttonl_Click(object sender, EventArgs e) 

Label1.Text = "当前 的 时 间 是 : " + DateTime.Now.ToString (); 
} 

(7) 打开 【设计 】 视 图 ， 选 择 UpdatePanel 控件 ， 然 后 查看 它 的 属性 对 话 框 。 

(8) 选择 Triggers 属性 ， 双 击 右边 几 个 小 点 ， 打 开 UpdatePanelTrigger 集合 编辑 器 。 

(9) 单 击 【 添 加 】 按钮 ， 增 加 一 个 新 的 Trigger。 

(10) 在 新 Trigger 的 ControlID 属性 的 下 拉 菜 单 中 选择 Button1， 然 后 单 击 OK 并 保 
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存 网 页 。 
此 时 在 UpdatePanel 控件 中 出 现 了 如 下 代码 。 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Buttonl" /> 
</Triggers> 
</asp:UpdatePanel> 


(11) 运行 网 页 并 多 次 单 击 按钮 ， 以 查看 局 部 更 新 的 情况 。 


24.5 ”给 传统 网 页 增添 Ajax 功能 


下 面 通过 一 个 简单 的 示例 讲述 给 传统 的 网 页 添加 Ajax 功能 的 方法 。 图 24.4 是 一 张 传 
统 的 网 页 ， 主 要 功能 是 对 产品 表 进 行 查询 和 编辑 。 


于 Ss%sxg 主 页 购 盘 车 结 幅 订单 坦 测 ， 


6 。 中国 牛 内 每 柱 10: 
坊 经 到 釜 法 经 29 6 水 购 ”每 柏 10: 
壳 辑 到 答 寺 至。 33 6 英国 火 鸡 每 箱 10， 
通报 到 时 计 经 “54 6 ”印度 火 鸡 每 炳 10 公 斤 7.4500 


24.4 ”一 张 传统 的 网 页 
现在 为 了 添加 Ajax 功能 ， 需 执行 以 下 4 项 工作 。 
(1) 在 母 版 页 的 <form...> 下 面 增加 ScriptManager 控件 。 
(2) 在 网 页 的 <asp:Content...> 下 面 增加 ScriptManagerProxy 控件 。 
(3) 将 网 页 的 GridView 控件 包含 在 UpdatePanel 控件 之 中 ， 其 代码 的 关系 如 图 24.5 
所 示 。 
(4) 在 UpdatePanel 控件 中 设 Triggers 标签 指向 外 面 的 Button 。 


《asp:UpdatePanel ID="UpdatePanel1” runat="server”> 
<ContentTemplate> 


</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="Button1" /> 
</Triggers> 
</asp:UpdatePanel> 


24.5 ”代码 之 间 的 关系 
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经 过 上 面 的 设置 就 实现 了 局 部 刷新 和 异步 传送 两 大 功能 ， 从 而 改善 了 客户 体验 。 
24.6 小 结 


ASP.NET Ajax 为 Ajax 提供 了 新 控件 ， 简 化 了 设计 过 程 ， 并 能 与 原来 的 ASP.NET 程 
序 无 颖 地 连接 ， 这 是 它 的 最 大 特点 。 
在 新 增加 的 控件 中 ScriptManager 与 UpdatePanel 是 两 个 最 重要 的 控件 。ScriptManager 
用 来 管理 JavaScript 脚本 ， 每 张 Ajax 网 页 中 都 需要 一 个 (最 多 也 只 能 一 个 )ScriptManager， 
而 且 必须 将 其 放 在 form 内 其 他 控件 之 前 。UpdatePanel 控件 用 来 确定 刷新 的 范围 。 两 者 相 
结合 实现 网 页 的 局 部 刷新 功能 。 其 他 还 有 4 个 控件 ， 能 够 在 必要 时 起 重要 的 辅助 作用 。 


24.7 习 题 

1. 选择 题 
(1) ScriptManager 控件 的 作用 是 

A. 管理 网 页 B. 管理 客户 

C. 管理 脚本 D. 管理 所 有 的 资源 
(2) UpdatePanel 控件 的 作用 是 

A. 定位 元 素 B. 确定 网 页 的 刷新 范围 

C. 编辑 数据 D. A+C 
(3) UpdateProgress 的 作用 是 

A. 编辑 数据 库 B. 启动 异步 通信 

C. 连接 数据 库 D. 显示 异步 通信 的 状态 
(4) Timer 控件 中 的 属性 Interval 代表 。 

A. 触发 事件 B. 显示 时 间 的 格式 

C. 时 间 间 隔 D. 显示 时 间 
2. 判断 题 
(1) 当 不 用 ScriptManager 时 可 以 用 ScriptManagerProxy 代替 。 ( ) 
(2) ASP.NET Ajax 与 Ajax 的 功能 完全 相同 。 ( ) 
3. 简 答 题 


(1) 在 UpdatePanel 控件 中 Triggers 标签 起 什么 作用 ? 举例 说 明 。 

(2) ScriptManager 控件 的 作用 是 什么 ? 

(3) ScriptManagerProxy 控件 的 作用 是 什么 ?举例 说 明 。 

(4) UpdateProgress 控件 的 作用 是 什么 ? 举例 说 明 使 用 的 方法 。 

4. 操作 题 

利用 ASP.NET Ajax 控件 对 传统 的 ASP.NET Web 网 页 增添 Ajax 功能 。 


第 25 章 Ajax 工具 箱 


ASPNET Ajax 工具 箱 (Control Toolkib 是 在 微软 的 倡导 下 采用 “开源 ”的 方式 ， 由 各 
个 “社区 ”(Communities) 的 开发 人 员 或 业余 爱好 者 共同 进行 开发 ， 并 且 尽 快 地 进行 发 布 ， 
以 便 更 广泛 地 发 动 群众 参与 ， 吸 取 群 众 智慧 。 目 前 已 经 发 布 了 四 十 多 个 比较 成 熟 的 成 果 。 
微软 还 将 不 断 发 布 新 成 果 ， 这 些 成 果 中 有 的 是 浏览 器 端 控件 ， 也 有 的 是 服务 器 端 控件 ; 有 
的 是 对 原 有 控件 功能 的 扩展 或 增强 ， 也 有 的 是 独立 的 新 控件 。 
25.1 安装 ASP.NET Ajax 工具 箱 
为 了 使 用 ASP.NET Ajax 工具 箱 中 的 控件 ， 需 要 进行 下 载 和 安装 。 


(1) 下 载 并 解压 Toolkit 控件 。 
在 因特网 中 找到 AjaxControlToolkit Binary NET 35.zip 文件 进行 下 载 ， 并 将 其 解压 到 


其 步骤 如 下 。 


指定 的 目录 中 。 
注意 : 下 载 时 参考 的 URL 是 http://ajaxcontroltoolkit.codeplex.com/releases/view/33804。 特 


别 注 意 下 载 的 版 本 为 NET35， 其 他 版 本 在 本 系统 中 可 能 不 能 运行 。 


(2) 安装 Toolkit 控件 。 
安装 步骤 如 下 。 
@ 任意 创建 一 个 网 站 ， 并 打开 一 张 网 页 (说 明 : 这 里 安装 的 Toolkit 能 在 各 个 网 站 和 
网 页 中 共享 )。 
@ 在 网 站 工具 箱 中 增添 一 页 以 便 放 置 Ajax Toolkit 工具 。 方 法 是 ， 右 击 工具 箱 ， 在 
弹出 的 菜单 中 选择 【添加 选项 卡 】 命 令 ， 然 后 给 选项 卡 取 名 。 例 如 取 名 为 Toolkits。 
图 右 击 选项 卡 名 ， 选 择 【 选 择 项 】 命 令 ， 打 开 【 选 择 工具 箱 项 】 对 话 框 ， 如 图 25.1 


所 示 。 


NET Framework 组 伞 1coM 组 件 
程序 集 名 称 日 录 Ee 


名 称 命名 空间 

国 

回 Accordion AjaxControlTookit AjaxConyrolToolkit C,. E;\copy\.. 

加 Accordionpono Aconvomeok AT 全 

国 Alwayevieb econt,, Ajawcont oookit Axconrorrookt (ENE 3 

筛选 器 三); 清除 应 

AccessDataSource 浏览 @)..，_ 
国定 语言 ( 厨 定 国家 /地 区 ) 一 Le |] 

单 击 这 里 一 


语言 ; 


. 版 相 ; 2.0.0.0 


Lae jL ew] [ Eee) | 


【选择 工具 箱 项 】 对 话 框 


25.4 
压 的 目录 ， 双 击 AjaxControlToolkit.dll 


@ 单 击 【 浏 览 】 按 钮 ， 然 后 找到 前 面 下 载 后 解 
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文件 ， 单 击 【确定 】 按 钮 。 

经 过 前 面 的 操作 ， 网 页 的 工具 箱 的 选项 卡 下 面 将 自动 增加 40 多 个 Toolkit 控件 。 这 些 
控件 就 是 Ajax 工具 箱 控件 。 这 些 控件 的 作用 及 使 用 方法 都 可 以 从 因特网 中 查 到 ， 参 考 的 
网 址 是 http://ajax.asp.net/ajaxtoolkit/。 

下 面 介 绍 几 个 利用 工具 箱 设计 控件 的 方法 。 


25.2 ”设计 Accordion( 可 折 双 面板) 控件 


Accordion 是 手风琴 的 意思 。Accordion 控件 的 特点 是 能 像 手 风琴 那样 折 和 县 或 展开 。 当 
网 页 中 某 些 列表 过 长 不 便于 摆 放 和 阅读 时 ， 可 以 先 将 它们 归 类 到 不 同 的 面板 中 ， 然 后 放 到 
这 个 控件 中 来 。 其 实 网 站 的 工具 箱 本 身 使 用 的 就 是 这 种 结构 。 


25.2.1 ”Accordion 的 典 套 结构 


设计 Accordion 控件 的 关键 是 ， 将 文档 正确 地 归 类 并 组 织 成 嵌 套 的 结构 。 
假定 将 三 个 面板 折 有 登 或 展开 ， 其 嵌 套 的 代码 如 下 。 


<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:Accordion ID="Accordionl" runat="server"> 
<Panes> 
<!- 第 一 块 面板 开始 -人 
< asp:AccordionPane ID="AccordionPanel" runat="server"> 
<Header> 
<a href="" onclick="return false"> 第 一 页 </a> 
</Header> 
<Content> 
<p> 这 是 第 一 块 面板 </p> 
</Content> 
</asp:AccordionPane> 
<!-- 第 二 块 面板 开始 人 
<asp:AccordionPane ID="AccordionPane2" runat="server"> 
<Header> 
<a href="" onclick="return false"> 第 二 页 </a> 
</Header> 
<Content> 
<p> 这 是 第 二 块 面板 </p> 
</Content> 
</asp:AccordionPane> 
<!-- 第 三 块 面板 开始 > 
<asp:AccordionPane ID="RccordionPane3" 
runat="server"> 条 = 外 
<Header> 


<a href="" onclick="return false"> 第 三 页 </a> 是 蜡 一 关 面板 
</Header> 
<Content> 
<p> 这 是 第 三 块 面板 </p> 图 25.2 简单 的 可 


</Content> 
</asp:RAccordionPane> 折合 界面 
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</Panes> 


</asp:Accordion> 

</div> 
</form> 

结果 显示 如 图 25.2 所 示 。 
代码 中 需要 注意 以 下 4 个 问题 。 


每 个 应 用 Ajax 的 网 页 都 要 首先 放 入 一 个 ScriptManager 控件 ， 其 作用 主要 是 当 网 
页 打开 时 将 相关 的 JavaScript 代码 从 服务 器 送 到 浏览 器 ， 否 则 控件 无 法 运行 。 

各 面板 的 代码 都 被 嵌入 到 Accordion 控件 中 ， 每 一 块 面板 用 AccordionPane 控件 
表示 。 控 件 中 包括 两 个 字段 。 

<Header> 

</Header> 


与 
<Content> 
</Content> 
前 者 用 于 编写 标题 ， 后 者 编写 实际 内 容 。 
各 个 面板 的 Header 中 用 以 下 代码 来 实现 折 登 和 展开 的 操作 。 
<Header> 
<a href="" onclick="return false"> 第 大 页 </a> 
</Header> 
Accordion 控件 继承 于 System.Web.UI.WebControls.WebControl， 因 此 它 一 产生 就 
拥有 了 该 控件 的 所 有 属性 /方法 /事件 。 声 明 Accordion 控件 时 所 常用 的 属性 标签 
如 表 25.1 所 示 ， 这 些 属性 将 主要 写 在 Accordion 控件 的 标签 中 。 


表 25.1 Accordion 控件 的 常用 属性 


属性 标签 名 描述 


SelectedIndex 
HeaderCssClass 
ContentCssClass 


AutoSize 


该 控件 初次 加 载 时 展开 的 AccordionPane 面板 的 索引 值 

该 Accordion 中 包含 的 所 有 AccordionPane 面板 的 标题 区 域 所 应 用 的 CSS Class 
该 Accordion 中 包含 的 所 有 AccordionPane 面板 的 内 容 区 域 所 应 用 的 CSS Class 
在 展开 具有 不 同 高 度 的 AccordionPane 面板 时 ， 该 Accordion 的 总 高 度 的 变化 方 
式 。 可 选 如 下 3 个 值 。 

， INone: 该 Accordion 将 随 着 当前 展开 的 AccordionPane 面板 的 高 度 自由 伸 长 缩短 。 

。， ITLimit， 该 Accordion 将 随 着 当前 展开 的 AccordionPane 面板 的 高 度 自 由 伸 
长 /缩短 ， 不 过 最 高 不 会 超过 Accordion 的 Height 属性 设 定 值 。 若 是 其 内 容 
高 度 超过 了 Height 属性 设 定 值 ， 将 自动 显示 滚动 条 。 

*。TFil:， 该 Accordion 的 高 度 将 固定 为 Height 属性 的 设 定 值 ， 不 随 当前 展开 的 
不 同 高 度 的 AccordionPane 面板 而 变化 。 若 是 某 个 AccordionPane 的 内 容 高 
度 超过 了 Height 属性 设 定 值 ， 则 将 自动 显示 滚动 条 


FadeTransitions 


若 该 属性 值 设置 为 tue， 则 在 切换 当前 展开 的 AccordionPane 面板 时 ， 将 带 有 淡 
入 淡出 效果 
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续 表 
属性 标签 名 描述 

TransitionDuration | 展开 / 折 生 一 个 AccordionPane 面板 的 过 程 所 花费 的 时 间 ， 单 位 为 毫秒 

FramesPerSecond 播放 展开 / 折 礁 AccordionPane 面板 动画 的 每 秒 钟 帧 数 

ld 页 面 中 某 个 DataSource 控件 的 ID， 用 于 通过 数据 绑 定 自动 生成 AccordionPane 
面板 

该 标签 内 将 包含 一 系列 的 <ajaxToolkit:AccordionPane> 标 签 ， 即 Accordion-Pane 
的 声明 ， 用 来 表示 Accordion 中 包含 的 面板 

end 在 使 用 数据 绑 定 功能 自动 生成 AccordionPane 面板 时 ， 该 标签 内 将 定义 每 个 面 
板 的 标题 区 域 的 内 容 模 板 

ee 在 使 用 数据 绑 定 功能 自动 生成 AccordionPane 面板 时 ， 该 标签 内 将 定义 每 个 面 
板 的 正文 区 域 的 内 容 模 板 


25.2.2 ”Accordion 控件 的 应 用 示例 
Accordion 控件 的 应 用 示例 如 图 25.3 所 示 。 


《asp:ScriptManager ID=”ScriptManagerl” runat="server” 
riptManager> 
crdion ID="Accordionl” runat="server”> 


rdionPane ID="AcoordionPanel” runat="server”> 


《a href="”” onclick="return false; ”> 建 校 历史 </a> 
一 </Header> 
[一 《Content> 


如? 学 校 简介 


</p》 
[一 cy/content》 
1:AccordionPane> 


ccordionPane ID="AccordionPane2” runat="server”> 


《a href="”” onclick=“return false;”> 计 算 机 和 标 简 介 </a> 
一 </Header> 
[一 《Content> 
p> 
全 教师 队伍 cbr /> 
人 2) 专业 设置 tbr /> 
(3) 教 学 设备 
</p> 
一 《/Content 
— ecl: McordionPane: 
—</Panes> 
Panes> 


《/Panes> 


一 一 《/ccl:Accordion> 


25.3 ”Accordion 控件 的 应 用 示例 
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上 述 代 码 的 显示 结果 如 图 25.4 所 示 。 


时 算 与 信息 科学 
人 教师 队伍 

@O) 专 业 设置 
GB) 教学 设 各 


图 25.4 ”运行 结果 


只 要 单 击 标题 该 模板 即 可 展开 ， 其 他 模板 则 自动 折 又 。 

下 面 再 介绍 几 个 支持 原 有 控件 的 新 控件 。 这 些 控件 都 是 用 JavaScript 语言 开发 的 ， 它 
们 之 中 有 的 是 为 了 改善 原 有 控件 的 外 貌 ， 有 的 是 给 原 有 控件 增添 新 功能 。 利 用 Toolkit 控 
件 来 设计 它们 将 变 得 更 加 直观 和 容易 。 


25.3” 几 个 支持 Button 的 Toolkit 


为 了 使 用 Toolkit 控件 ， 首 先 要 在 网 页 的 form 标签 下 ， 所 有 其 他 控件 的 前 面 增添 
ScriptManager 控件 。 

增添 一 个 Button 控件 ， 然 后 右 击 该 控件 ， 选 择 【 添 加 扩展 程序 】 命 令 ， 将 打开 另 一 
个 对 话 框 并 显示 出 一 连 串 的 图 标 ， 表 示 多 个 支持 Button 控件 的 Toolkit 控件 ， 如 图 25.5 
所 示 。 


Button 任务 


到 


二 请 选择 扩展 程序 


请 选择 要 添加 到 Buttonl 的 功能 : 


昌国 本 加 天守 轴 


| ConfirmButt... DragPanelE.,. DropDown,.， DropShado,,，DynamicPo,,， HoverMenu.,. ModalPopup.., 1 


Eee 局 
25.5 支持 Button 控件 的 几 个 Toolkit 控件 


25.3.1 用 于 增加 【确认 】 功 能 的 Toolkit 


为 了 给 按钮 增加 执行 前 最 后 确认 的 功能 ， 双 击 ConfirmButtonExtenter 控 件 的 图 标 ， 将 自 
动 生成 一 个 Toolkit 控 件 。 将 该 控件 的 TargetControlID 属 性 指向 被 支持 的 控件 (这 里 就 是 指向 
Button1)。 然 后 可 以 根据 需要 在 ConfimText 的 属性 中 填写 提示 信息 。 这 里 填写 的 是 “确定 
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了 吗 ? ”。 此 时 控件 将 自动 生成 以 下 代码 。 
<asp:Button ID="Buttonl" runat="server" Text="Button" /> 
<ccl:ConfirmButtonExtender ID="Buttonl ConfirmButtonExtender" 
runat="server" 


ConfirmText=" 确 定 了 吗 ? " Enabled="True" TargetControlID="Buttonl"> 
</ccl:ConfirmButtonExtender> 


程序 运行 中 当 单 击 Button 按钮 时 ， 将 弹出 确认 提示 ， 如 图 25.6 所 示 。 


25.6 ”实现 确认 功能 


25.3.2 ”为 控件 增强 立体 感 


在 控件 的 背景 中 适当 地 增加 阴影 可 以 增强 立体 感 。 为 此 可 以 使 用 DropShadowExtender 
控件 。 该 控件 有 几 个 重要 的 属性 。 
TargetControlID: 支持 的 对 象 。 
Width: 阴影 的 宽度 ， 默 认为 5 像素 。 
Opacity: 阴影 的 透明 度 ， 从 0( 完 全 透明 ) 一 1( 完 全 不 透明 )。 
trackPosition: 阴影 是 否 随 控件 位 置 的 变动 而 改变 。 
代码 如 下 。 
<asp:Button ID="Buttonl" runat="server" Text="Button" /> 
<ccl:DropShadowExtender ID="Buttonl DropShadowExtender" 
runat="server" 


Enabled="True" TargetControlID="Buttonl" Width="3" Radius="4"> 
</ccl:DropShadowExtender> 


显示 结果 如 图 25.7 所 示 。 


25.7 增加 阴影 


25.4 使 用 几 个 支持 TextBox 的 控件 


25.4.1 对 输入 的 数据 类 型 进行 过 滤 

为 了 限制 输入 的 类 型 ， 可 以 选用 FilteredTextBoxExtender 控件 。 该 控件 有 一 个 关键 属 
性 : FilterType， 它 代表 允许 输入 的 数据 类 型 ， 共 包括 4 种 类 型 ， 它 们 是 : 小 写字 符 
(LowerCaseLetters)、 大 写字 符 (UpperCaseLetters)、 数 字 (Numbers) 和 自 定义 (Custom)。 
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25.4.2 ”用 按钮 方式 增 减 输入 的 数字 


双击 NumericUpDownExtender 图 标 后 ， 给 控件 填写 (或 修改 ) 属 性 。 几 个 关键 的 属性 
如 下 。 
TargetControlID: 指向 被 支持 的 控件 。 
Maximum: 最 大 值 。 
Minimum: 最 小 值 。 
RefValues: 一 组 由 数字 或 字符 串 组 成 的 枚 举 型 变量 。 
Width: 被 支持 控件 的 宽度 ， 默 认 值 为 0。 
Step: 步 进 ， 默 认为 1。 
控件 的 外 貌 如 图 25.8 所 示 。 


2 Ed 


Ea 


25.8 “” 增 减 数字 控件 


如 果 想 用 TextBox 控件 来 输入 年 龄 ， 年 龄 限制 在 18 一 31 岁 之 间 ， 用 一 个 
NumericUpDownExtender 控件 来 约束 输入 。 其 代码 的 设置 如 下 。 
<ccl:NumericUpDownExtender ID="TextBoxl NumericUpDownExtender" 
runat="server" Enabled="True" Width="50" 
RefValues="18;19;20;21;22;23;24;25;26;27;28;29;30;31" 
TargetButtonDownID="" TargetButtonUpID="" 
TargetControlID="TextBoxl1"> 
</ccl:NumericUpDownExtender> 


如 果 想 用 NumericUpDownExtender 来 限制 TextBox 只 能 输入 星期 几时 ， 设 置 的 代码 
如 下 。 
<ccl:NumericUpDownExtender ID="TextBox1l NumericUpDownExtender" 
runat="server" Enabled="True" Width="150" 
RefValues="; 星 期 日 ;星期 一 ;星期 二 ;星期 三 ;星期 四 ;星期 五 ;星期 六 ;" 
TargetButtonDownID="" TargetButtonUpID="" 
TargetControlID="TextBoxl" > 
</ccl:NumericUpDownExtender> 


25.5 小 结 


ASP.NET Toolkit 工具 箱 是 在 微软 的 组 织 下 ， 由 社区 的 设计 者 或 者 业余 爱好 者 共同 开 
发 的 。 这 样 做 既 能 集中 群众 的 智慧 ， 又 能 引起 大 家 的 兴趣 。 目 前 已 经 发 布 了 40 多 种 
Toolkit 控件 ， 供 设计 者 使 用 。 这 些 控件 有 的 是 新 控件 ， 有 的 是 进一步 美化 原 有 控件 或 者 
给 原 有 控件 增添 新 功能 。 这 些 控件 如 果 让 设计 者 自行 设计 比较 困难 ， 而 且 很 费时 间 和 精 
力 ， 直 接 调 用 Toolkit 控件 将 大 大 简化 这 一 过 程 。 
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调用 Toolkit 控件 的 关键 是 下 载 并 安装 适合 自己 系统 的 版 本 ， 并 按 控 件 的 要 求 设置 参 


。 具 体 方法 在 因特网 上 都 可 以 查 到 。 


25.6 习 题 


1. 判断 题 
(1) Ajax Toolkit 只 是 一 些 服务 器 端 控件 。 ( ) 
(2) Ajax Toolkit 只 是 一 些 浏览 器 端 控件 。 CE 


(3) Ajax Toolkit 既 可 能 是 一 个 新 控件 ， 也 可 能 是 对 原 有 控件 功能 的 增强 。 (  ) 
2. 操作 题 

(1) 利用 Accordion 控件 设计 一 张 网 页 。 

(2) 模仿 前 面 的 示例 ， 用 3 种 Toolkit 控件 给 Button、TextBox 控件 增强 功能 。 

(3) 查阅 因特网 找到 3 种 Toolkit 的 使 用 方法 。 


在 前 面 讲 述 动态 网 站 的 开发 技术 中 ， 都 是 将 网 站 看 成 一 个 相对 独立 的 实体 。 虽 然 这 个 
实体 面临 来 自 各 类 客户 的 不 同 要 求 ， 但 都 要 依靠 本 网 站 的 资源 来 解决 问题 。 这 种 “孤岛 
现象 能 否 改进 ， 网 站 的 开发 模式 能 不 能 有 新 的 突破 ? 

实际 上 ， 一 个 网 站 不 需要 ， 有 时 也 不 可 能 完全 依靠 自己 的 力量 来 解决 问题 。 站 在 更 高 
的 角度 来 思考 ， 将 整个 因特网 看 成 一 个 开发 平台 ， 采 取 资 源 共享 的 方式 。 这 就 是 说 ， 一 个 
网 站 可 以 借助 于 第 三 方 (或 多 方 ) 的 力量 来 共同 解决 问题 ， 这 样 会 大 大 减少 重复 劳动 ， 降 低 
开发 成 本 ， 并 提高 开发 效率 。 

Web 服务 的 思想 由 此 产生 ， 它 是 Web 的 一 场 革命 。 在 这 和 思想 的 5| 一 批 先 进 
的 理念 ， 如 “软件 即 服务 ”、“ 网 络 即 计算 机 ”等 证 生 了 ， 一 批 面 让 
(Service Oriented Architecture，SOA) 出 现 了 。 经 过 几 年 的 实践 ， 
方面 取得 较 大 的 成 功 ， 其 他 方面 也 有 很 多 进展 ， 但 也 有 些 方 面 并 

受 篇 幅 限制 ， 本 书 中 将 集中 介绍 XML Web 服务 技术 。 
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本 章 先 讲述 XML Web 服务 的 一 般 概念 ， 然 后 通过 几 个 典型 示例 (气象 预报 、 航 班 信 
息 、 股 票 信息 、 电 视 台 节目 预报 ) 重 点 讲述 调用 XML Web 服务 的 方法 ， 最 后 再 讲述 创建 
XML Web 服务 网 站 的 方法 。 具 体内 容 包括 : 
XML Web 服务 的 特点 。 
XML Web 服务 的 过 程 。 
相关 协议 。 
几 个 典型 的 应 用 。 
创建 XML Web 服务 网 站 。 


26.1 XML Web 服务 的 特点 


在 人 们 的 生活 中 ， 依 靠 服务 的 现象 非常 普遍 ， 比 如 到 餐馆 去 就 餐 ， 你 只 要 按照 餐馆 提 
供 的 菜谱 点 菜 ， 饭 后 付款 就 可 以 了 ， 其 他 一 切 都 不 必 详细 了 解 。 

Web 服务 也 是 这 样 ， 作 为 服务 者 (Web Service)， 将 公开 一 些 服务 项 目 ， 主 要 包括 提供 
信息 服务 或 承担 某 种 计算 任务 ， 通 常 不 提供 显示 界面 方面 的 服务 。 

作为 消费 者 (Web Consumers)， 他 既 可 能 是 Web 的 页 面 ， 也 可 能 是 Windows 窗 体 ， 还 
可 能 本 身 又 是 另 一 方 的 服务 者 。 他 只 要 按照 服务 方 提供 的 调用 命令 和 参数 进行 调用 ， 并 将 
调用 结果 (数据 ) 插 入 到 自己 的 应 用 中 即 可 。 这 个 调用 的 过 程 代表 着 一 种 新 的 计算 模式 ， 有 
时 被 称 为 “网 络 计算 ”。 

Web 服务 只 有 能 够 在 整个 因特网 的 范围 内 发 挥 作用 时 ， 才 能 充分 发 挥 服务 的 效益 。 这 
就 是 说 ，Web 服务 不 仅 要 能 跨越 机 器 的 界限 ， 还 要 能 不 受 操作 系统 、 开 发 平台 、 开 发 语言 
的 限制 。 不 论 服务 者 和 消费 者 各 采用 什么 样 的 操作 系统 (Windows、UNIX、Linux 等 )、 什 
么 样 的 开发 平台 CNET、J2EE、Rail 等 )， 使 用 什么 样 的 程序 语言 (C++、C#、Java、 
Delphi、Ruby) 等 ， 都 能 够 在 彼此 之 间 开 展 服务 工作 。 

为 了 实现 上 述 目标 ，Web 服务 只 能 建立 在 高 度 抽 象 的 “ 松 看 合 ” 的 基础 之 上 。 构 成 服 
务 与 消费 关系 的 必要 条 件 不 是 机 器 、 语 言 、 系 统 和 平台 ， 而 是 一 些 因特网 中 通用 的 通信 标 
准 ， 如 XML、SOAP、HTTP 等 ， 和 服务 双方 必须 遵守 的 “契约 ”(Contracts)。 


26.2 XML Web 服务 的 过 程 


XML Web 服务 是 一 个 比较 复杂 的 过 程 。 其 过 程 大 体 是 : 

(1) 消费 者 找 准 服务 者 及 服务 项 目 ， 然 后 按照 要 求 调用 服务 。 

(2) 服务 者 接受 申请 并 完成 服务 后 ， 将 信息 序列 化 后 发 出 。 

(3) 消费 者 接受 传 来 的 信息 ， 还 原 序列 化 的 信息 后 再 插入 到 消费 者 的 应 用 之 中 。 
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为 了 简化 上 述 过 程 ， 系 统 在 消费 端 增 加 了 一 个 中 间 环 节 一 一 “代理 ”(Proxy)。“ 代 
理 ” 是 服务 端 驻 留 在 消费 端的 代表 。 实 际 上 它 是 一 组 类 ， 并 在 消费 端 进行 了 注册 (每 种 服 
务 需 要 注册 一 个 代理 )， 用 来 自动 完成 调用 服务 时 一 系列 的 复杂 工作 。 当 消费 端 需要 调用 
服务 时 只 需要 直接 找 代 理 ， 由 代理 再 去 连接 服务 端 ， 并 发 出 请 求 信息 ， 然 后 对 返回 的 信息 
自动 完成 还 原 序列 化 的 工作 。 

这 样 ， 从 消费 端 调用 服务 的 过 程 ， 就 如 同 对 自己 内 存 中 某 些 对 象 的 调用 一 样 ， 变 得 十 
分 简单 。 调 用 的 过 程 如 图 26.1 所 示 。 


(| Register Proxy 


3 (Veb Page 、 Web Service 
indows Form 


人 we 消 要 方 。 思 ww 最 和 方 。 (G) 代理 (4) 注册 代理 


图 26.1 通过 代理 调用 服务 的 过 程 
图 26.1 表明 ， 在 人 们 的 感觉 中 ， 调 用 服务 的 过 程 ， 似 乎 是 Web 消费 方 在 与 Web 服务 
方 直接 进行 通信 (图 中 的 虚拟 通道 )。 而 实际 上 却 是 通过 代理 (Proxy Class) 进 行 通信 的 (图 中 
的 实际 通道 )。 代 理 是 服务 方 驻 留 在 消费 方 的 代表 ， 并 且 已 经 在 消费 端 进行 了 注册 ( 见 图 中 
的 Register Proxy)。 


26.3 相关 协议 
Web 服务 的 过 程 需 要 用 到 一 些 因特网 的 通用 标准 ， 主 要 包括 以 下 几 项 。 


26.3.1 发 现 服务 


为 了 调用 服务 ， 首 先 要 有 一 个 发 现 服务 的 过 程 。 即 客户 应 用 程序 如 何 找到 并 检查 需要 
的 服务 。 服 务 者 也 应 该 告诉 客户 接受 服务 时 的 要 求 ( 有 时 这 是 一 种 有 偿 服 务 )。 

UDDI(the Universal Description, Discovery and Integration) 是 一 套 基于 Web 分 布 式 的 ， 
为 Web Services 提供 的 信息 注册 的 标准 规范 。 服 务 的 提供 者 可 以 通过 它 宣 传 自己 提供 的 服 
务 项 目 以 及 服务 的 要 求 : 服务 的 消费 者 可 以 通过 它 找 到 需要 的 服务 者 ， 了 解 服务 的 要 求 。 
其 网 址 为 http://www.uddi.org/。 目 前 已 有 数 百 家 公司 注册 。 
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26.3.2 ”传输 信息 


SOAP(Simple Object Access Protocol， 简 单 对 象 访问 协议 ) 是 交换 XML( 或 JSON) 编 码 
信息 的 轻 量 级 协议 。 它 包括 三 个 主要 方面 : XML-Envelope， 它 像 一 个 信封 ， 描 述 信息 内 
容 以 及 如 何 处 理 内 容 的 框架 ， 将 程序 对 象 编 码 成 XML( 或 JSON) 对 象 规则 执行 远程 调用 
(PRC) 的 约定 等 。SOAP 可 以 运行 在 任何 其 他 传输 协议 之 上 ， 通 常 运行 在 HTTP 之 上 。 纯 
文本 的 XML( 或 JSON) 用 来 传输 大 多 数 数据 类 型 是 非常 理想 的 ， 但 如 果 除 传输 XML( 或 
JSON) 信 息 以 外 ， 还 需要 传输 命令 或 指令 时 ， 使 用 SOAP 更 为 适用 。 


26.3.3 ”解释 信息 


WSDL(Web Services Description Language) 是 一 种 基于 XML 格式 的 文档 ， 用 的 是 一 种 
计算 机 和 人 都 易于 阅读 的 方式 来 描述 Web Services 中 的 函数 ， 包 括 方法 名 、 需 要 提供 的 参 
数 以 及 返回 的 数据 类 型 等 。 调 用 服务 的 设计 者 需要 认真 阅读 这 些 文件 ， 以 便 编 写 出 正确 的 
调用 程序 。 


26.3.4 WS-* 规 范 


SOAP 与 WSDL 的 主要 特性 之 一 在 于 它们 都 是 可 扩展 的 。 微 软 、IBM、BEA 几 个 市 
场 巨头 联合 在 一 起 ， 组 成 了 一 个 WS-I (Web Service Interoperability) 的 组 织 。 由 于 他 们 的 一 
系列 规范 的 名 称 都 以 WS- 开 头 ， 并 以 一 个 表明 设计 目的 的 表达 式 作 为 结束 ， 所 以 这 些 规范 
被 命名 为 WS-*( 读 成 WS Star)。 该 规范 涵盖 安全 、 描 述 、 发 现 、 消 息 传递 和 协调 与 事务 等 
多 个 方面 。 


26.4” 几 个 典型 的 应 用 


网 站 中 常常 需要 用 到 一 些 动 态 信息 ， 有 些 信 息 不 仅 量 大 ， 而 且 经 常 变化 。 若 采用 常规 
的 办 法 进行 管理 ， 不 仅 需 要 给 数据 库 不 断 输 入 和 更 新 大 量 信息 ， 还 要 有 众多 的 专业 人 员 进 
行 维护 。 即 使 这 样 ， 也 难以 保证 信息 的 及 时 性 和 准确 性 。 现 在 使 用 XML Web Service， 上 
述 难 题 都 能 够 迎刃而解 。 人 们 普遍 认为 这 是 XML Web 服务 中 应 用 得 最 为 成 功 的 领域 。 

下 面 将 通过 几 个 典型 的 应 用 ， 来 说 明 调 用 XML Web Service 的 方法 。 为 了 有 具体 地 说 明 
这 些 方法 ， 我 们 将 借用 国内 一 个 很 好 的 公用 事业 网 站 WebXml 进行 讲解 。 该 网 站 的 网 址 
是 http://www.webxml.com.cn/zh_cn/index.aspx。 

截至 2010 年 12 月 底 ， 该 网 站 已 经 提供 了 很 多 免费 的 服务 项 目 ， 包 括 气象 预报 、 航 班 
或 列车 时 刻 表 、 货 币 转换 、 电 视 台 节目 预告 以 及 各 类 股票 信息 等 20 多 项 服务 。 其 首页 的 
界面 如 图 26.2 所 示 。 

网 站 中 的 服务 信息 有 的 来 自 其 他 服务 网 站 ， 如 中 国 气 象 局 网 站 、 外 汇 管 理 局 网 站 以 及 
多 种 股票 的 网 站 等 。WebXml 网 站 本 身 既 是 服务 者 ， 又 是 前 面 那些 网 站 的 消费 者 。 
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26.2 WebXml 网 站 的 首页 界面 


26.4.1 调用 气象 预报 服务 
1. 显示 界面 的 设计 
气象 预报 显示 的 界面 如 图 26.3 所 示 。 
天 气 预 报 (Weather Forecast) 


26.3 气象 预报 显示 界面 示例 


气象 预报 服务 网 站 能 够 提供 2500 个 城市 (其 中 国内 2400 个 ， 国 外 100 个 )5 天 的 气象 
预报 信息 。 每 2.5 小 时 更 新 一 次 。 只 要 输入 城市 名 (如 北京 、 长 沙 、New York 等 )， 就 可 以 
输出 该 城市 的 气象 预报 。 

2. 设计 步骤 

设计 的 步骤 如 下 。 

(1) 创建 一 个 ASPNET 网 站 。 

(2) 找到 提供 服务 的 网 站 ， 打 开 服 务 项 目 后 ， 查 看 其 中 的 “接口 帮助 ”文档 。 在 该 文 
档 中 提供 了 .asmx 文档 的 URL、 多 种 调用 方法 、 每 种 方法 需要 提供 的 参数 以 及 返回 的 数据 
类 型 等 。 该 文件 很 大 ， 现 将 有 关 片 段 摘 录 到 图 26.4 及 图 26.5 中 。 
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天 气 预 报 WEB 服务 接口 说 明 


Www.weDxmi.com.cn 


Endpoint: 


Disco: http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx?disco 


简要 说 明 : 


二 


在 图 26 
( 见 图 26.4 中 
图 26.5 


为 让 更 多 的 开发 人 员 学 习 WEB 服 务 开发 ， 此 服务 支持 免费 用 户 使 用 〈 说 明 : 免费 用 户 24 
小 时 内 查询 不 超过 50 次 并 且 获 取 二 次 数据 大 于 间隔 600ms) ， 注 册 会 员 可 获得 试用 。 
为 支持 多 种 平台 开发 ， 此 WEB 服 务 接口 提供 了 多 种 返回 类 型 可 选择 ， 包 括 .NET 的 … 


1 1 
1 1 
1 1 
1 1 
1 1 
| WSDL: http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx?wsdl 1 
| 1 
J 1 
1 1 
1 1 
| | 


26.4 天气 预报 接口 说 明文 档 片段 (1) 


| 返回 数据 ， 一 维 字符 串 数组 String 0 ， 结 构 如 下 : ， 
1 Array(0) = “省 份 地 区 / 洲 国家 名 国外)“ 

Array (1) = “查询 的 天 气 预报 地 区 名 称 ” 

Array (2) = “查询 的 天 气 预报 地 区 ID” 

Array(3) =“ 最 后 更 新 时 间 格式 ，yyyy-a0Fdd HH:mm:ss”| 
Array(4) =“ 当 前 天 气 实况 : 气温 、 风 向 /风力 、 湿 度 "” | 
Array(5) = “第 一 天 空气 质量 、 紫 外 线 强度 | 
Array(6) =“ 第 一 天 天 气 和 生活 指数 

Array(7) =“ 第 一 天 概况 格式 : M 月 d 日 天 气概 况 ” 
Array(8) = “第 一 天 气温 ” 

Array(9) =“ 第 一 天 风力 /风向 

Array(10) =“ 第 一 天 天 气 图 标 1” 

Array(11) =“ 第 一 天 天 气 图 标 2” | 
Array(12) = “第 二 天 概况 格式 : M 月 d 日 天 气概 况 
Array(13) =“ 第 二 天 气温 ” 
Array(14) =“ 第 二 天 风力 /风向 
1 Array(15) =“ 第 二 天 天 气 图 标 1” 1 
| Array(16) =“ 第 二 天 天 气 图 标 2” | 
1 on. 


图 26.5 天 气 预 报 接口 说 明 片 段 (2) 
.4 所 示 的 片段 中 提供 了 WeatherWS.asmx( 这 是 一 个 提供 服务 的 类 文件 ) 的 网 址 
Endpoint 行 )。 
说 明 ， 如 果 选 择 getWeather0 方 法 时 ， 将 返回 “一 维 字符 串 数组 ”。 各 种 数据 


分 配 在 数组 的 不 同 字段 中 。 
(3) 取出 接口 说 明文 件 中 .asmx 文件 (WeatherWS.asmx) 的 网 址 ( 即 图 26.4 中 被 选择 的 


网 址 )。 


(4) 返回 到 网 站 中 ,创建 并 注册 服务 代理 (Proxy)。 其 方法 如 下 。 


@ 看 


f 网 站 名 ， 在 弹出 的 快捷 菜单 中 选择 【添加 Web 引用 】 命 令 ， 打 开 的 对 话 框 


如 图 26.6 所 示 。 
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五 天 天 气 预 括 Web 服 务 ， 包 含 2300 个 以 上 中 国 基 有 和 100 个 以 上 国外 类 市 天 所 预 可 和 


下 和 双 更 林 一 交流 确 可 委 。 
使 用 本 站 WEB 服务 请 注 骨 鸡 合 捷 本 站 httpt/ /www.webxml.com.cn/ 导 潮 大 季 的 支持 4 
全 控 吕 要 及 灯 。 从 庆 信 关 市 介绍 和 气 就 公 果 从 部 分 针 市 图片 而 天 气 青鱼 和 四 人 《< 人 | 


克 挤 下 列 所 作 。 冰 关 正 式 定 义 ， 请 查看 服务 讽 明 - 


getRegionCountry 


图 26.6 【添加 Web 引用 】 对 话 框 


@@ 按照 图 中 显示 的 顺序 创建 服务 代理 并 进行 注册 。 

a. 将 .asmx 文件 的 网 址 (URL) 复 制 到 这 里 。 

b. 单 击 【 前 往 】 按 钮 。 

c. 给 【Web 引用 名 】 改 用 有 意义 且 容易 记忆 的 名 字 。 

d. 单 击 【 添 加 引用 】 按 钮 。 

经 过 编译 后 ， 再 打开 Web.config 文件 时 ， 就 可 以 看 见 Proxy 的 注册 代码 。 


<appSettings> 

<add key="getweather.WeatherWS" 
Value="http://webservice.webxml.com.cn/WebServices/WeatherWS .asmx"/> 
</appSettings> 


后 面 几 步 工作 都 具体 体现 在 下 面 的 网 页 代码 中 。 

(5) 在 网 页 的 代码 文件 中 ， 生 成 代理 对 象 。 

(6) 通过 代理 对 象 调用 服务 中 的 方法 。 

(7) 由 于 该 服务 返回 的 类 型 是 “一 维 字符 串 数组 ”， 因 此 可 以 用 string[] 接 收 返回 的 
结果 。 

(8) 为 了 显示 气象 图 标 ， 需 要 先 将 图 标 下 载 、 解 压 后 放 到 网 站 中 来 。 下 载 的 网 址 是 
http://www.webxml.com.cn/images/weather.zip。 

(9) 在 网 页 中 拖 入 若干 Label 控件 和 Image 控件 (参照 显示 界面 的 配置 )。 代 码 如 下 。 


using System; 
using System.Collections.Generic; 
using System.Linqg; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data; 
public partial class Weather : System.Web.UI.Page 
{ 
weather.WeatherWs proxyl; // 其 中 weather 是 Web 引用 名 
String[] weathers; 
string cityCode; 
protected void Buttonl Clickl (object sender, EventArgs e) 
{ 
//5 
proxyl = new weather.WeatherWs (); // 生 成 代理 对 象 
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// 将 下 拉 菜 单 中 选择 的 城市 放 入 字符 串 数组 中 


cityCode = DropDownList1.SelectedItem.ToString() 7 


//6 
weathers = proxyl.getWeather (cityCode,，""); // 调 用 方法 getWeather () 
/7/7 
Labell.Text = weathers[8]; // 第 一 天 的 气温 
Label2.Text = weathers[13]; // 第 二 天 的 气温 
Label3.Text = weathers[18]; // 第 三 天 的 气温 
Label4.Text = weathers[9]; // 第 一 天 的 风力 /风向 
Label5.Text = weathers[14]; // 第 二 天 的 风力 /风向 
Label6.Text = weathers[19]; // 第 三 天 的 风力 /风向 
Label7.Text = weathers[7]; // 第 一 天 概况 
Labe18.Text = weathers[12]; // 第 二 天 概况 
Label9.Text = weathers[17]; // 第 三 天 概况 
//8, 9 
Imagel. ImageUrl = weathers[10]; // 第 一 天 的 气象 图 标 


Image2.ImageUrl = weathers[15]; // 第 二 天 的 气象 图 标 
Image3.ImageUrl = weathers[20]; // 第 三 天 的 气象 图 标 
} 
} 


注意 ， 数 组 中 的 下 标 值 是 根据 “接口 说 明 ” 文 档 中 的 提示 ( 见 图 26.5) 来 确定 的 


26.4.2 ”调用 国内 航班 信息 


在 Web 服务 网 站 中 选择 【国内 飞机 航班 时 刻 表 WEB 服务 】 项 ， 获 得 的 界面 如 图 26.7 
所 示 。 


国内 飞机 航班 时 刻 表 WEB 服务 
Endpoint: [tip /webservice webxml com cn/webservices DomesticArine asrw 自 
Disco: http/webservice webxml.com cn/webservices/DomesticArine asmx?disco 四 
WSDL: http//webservice. webxml com c/webservices/DomesticAirine asm?wsdl 看 
> 让 Web Service 提供 : 通过 出 发 城市 和 到 达 城 市 查询 飞机 航班 、 
A 发 机 场 、 到 达 机 场 、 出 发 和 到 达 时 间 、 飞 行 周 骨 、 航 空 公司 、 机 型 等 信息 。 


26.7 ”国内 航班 Web 服务 


从 .asmx 文件 中 得 知 其 服务 的 类 名 是 DomesticAirline.asmx， 从 接口 帮助 文件 中 得 知 调 
用 的 方法 名 是 getDomesticAirlinesTime。 要 求 输入 的 参数 和 返回 的 数据 类 型 如 下 。 

@ 输入 参数 : startCity = 出 发 城市 (中 文 城市 名 称 或 缩写 ， 空 则 默认 为 上 海 ); 
lastCity = 抵达 城市 (中 文 城市 名 称 或 缩写 ， 空 则 默认 为 北京 ); theDate = 出 发 日 
期 (String 格式 : yyyy-MM-dd， 如 2007-07-02， 空 则 默认 为 当天 ); userID = 商业 
客户 ID( 免 费 客户 不 需要 )。 

@ 返回 数据 : DataSet，Table(0) 结 构 为 Item(Company) 航 空 公司 、Item(AirlineCode) 
航班 号 、 Item(StartDrome) 出 发 机 场 、 Item(ArriveDrome) 到 达 机 场 、 
Item(StartTime) 出 发 时 间 、Item(ArriveTime) 到 达 时 间 、Item(Mode) 机 型 、 
Item(AirlineStop) 经 停 、Item(Week) 飞 行 周 期 (星期 )。 

根据 上 述 要 求 可 以 用 两 个 TextBox 控件 来 输入 起 飞 城市 (不 填写 时 代表 上 海 ) 和 到 达 城 

市 (不 填写 时 代表 北京 )， 用 一 个 TextBox 控件 来 输入 日 期 ， 格 式 为 yyyy-mm-dd， 如 2007- 
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07-03 (不 填 时 代表 当天 )。 由 于 返回 的 类 型 是 数据 集 (DataSet,Table(0))， 因 此 可 以 将 其 作为 
数据 源 ， 用 GridView 控件 来 显示 结果 。 
给 代理 (Proxy) 注 册 的 过 程 与 其 他 设计 方法 与 调用 气象 预报 服务 相同 。 编 写 的 代码 如 下 。 


protected void Button1l Click(object sender, EventArgs el) 
{ 

airline.DomesticAirline air = new airline.DomesticAirline(); 

DataSet d = air.getDomesticAirlinesTime (TextBoxl.Text, TextBox2.Text, 
TextBozx3.Text,""); 

DataTable ta=d.Tables[0]; 


GridViewl .DataSource =ta; 
DataBind(); 
} 


区 冯 城 RE 


性 点 城 大 村 四 
上 对 Ee) 


打 空 (类 CZ3461 。 黄花 机 场 


ls 320 0 
加) 公司 
四 川 拟 们 
又 茹 有 兰 308998 。 黄花 机 场 1640 JET 0 
贯 花 机 杨 基 19340 97 0 
黄 充 机 场 2235 320 0 


26.8 ”国内 航班 信息 


26.4.3 ”调用 股票 信息 

WebXml 服务 网 站 提供 了 几 种 股票 信息 的 服务 。 假 定 选择 了 【中 国 股票 行情 数据 
WEB 服务 】 选 项 。 单 击 .asmx 文件 ， 打 开 ChinaStockWebService 对 话 框 。 其 中 提供 了 几 种 
不 同 的 调用 方法 ， 有 的 返回 数据 ， 有 的 返回 图 形 。 

1. 显示 股票 的 数字 信息 

为 了 显示 股票 的 数字 信息 ， 选 用 getStockInfobyCode() 方 法 ， 该 方法 的 说 明 如 图 26.9 
所 示 。 


| getStocklnfoByCode 

交 中 国际 及 时 生生 String() 
多 和 小; thestockCode = 六 村 人 号， 如 ; sh000001; 前 ， 一 个 失守 站 strrgl24 ， 结 了 为 RS、Swig(1 村 和 全，Srmgl2 抹 他 所， 
Sngl3 坦 新 让 (元 )、Sying(4 隐 入 ( 元 )、Ssipgl5l 人 天生 (元 )、Sting(5 汪 类 (元 ) 旭 攻 (元 ) Strngls) 昌 高 (元 ) Sving(9 流 中 入 (和 %)、 
Sngft0 成 最 ( 手 )、Soingft 成 大 (万 元 )、Soing(12 寺 买 从 (元 )、Sying(23 潮 半 从 (元 ) Stng[1< 贬 楷 ( %) 、Swring(15)-Stringl19] 习 一- 率 五 (元 ) 
手 sting(20)-Sving(24 站 一 - 闫 ( 元 ) 斥 ， 


图 26.9 显示 股票 数字 信息 的 方法 说 明 
它 要 求 输入 股票 代号 ， 返 回 一 个 字符 串 数组 。 设 计 过 程 与 “气象 预报 ”基本 相同 。 代 
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码 如 下 。 


protected void Button] Click(object sender, EventArgs e) 
| 
Stockimage .ChinaStockWebSerVice proxyl = new 
stockimage.ChinaSstockWebService(); 
string stockCode = TextBoxl.Text7 
string[] pp = proxyl.getSstockInfoByCode (stockCode); 
Labell.Text = pp[0]; 
Label2.Text = pp[1]; 
Label3.Text = pp[2]; 
Label4.Text = pp[3]; 
Label5.Text = pp[4]; 
Label6.Text = pp[5]; 
Label7.Text = pp[6]; 
Label8.Text = pp[7]; 
Label9.Text = pp[8]; 


Label10.Text = pp[9]; 
Labelll.Text = pp[10]; 
Label12.Text = pp[11]; 
Labell3.Text = pp[12]; 
Labell4.Text = pp[13]; 
Label15.Text = pp[14]; 


} 
股票 信息 的 数字 显示 结果 如 图 26.10 所 示 。 


股票 信息 
股票 代号 [eno000007  _Button 
咬 票 代 ho0o0o001 孤 归 名 非 茵 征 储 叶 2009-0401 电 新 从 2408.017 下 全 2373213 
人 人 23s097。 到 昧 向 34s0 可 全 3s0979 本 语 2422.625 演 中 本 14706 
成 变 旦 1798s76 19 成 交纳 充 雪 价 委 比 卖 一 
( 手 》 《万 元 ) 《元 ) (%) 去 五 


图 26.10 ”股票 信息 的 数字 显示 
2. 股票 的 图 形 显示 


为 了 用 图 形 显示 股票 信息 ， 选 用 getStockImage_KByteByCode0 方 法 ， 该 方法 的 要 求 
如 图 26.11 所 示 。 


estockimaae KivicBvCode 


认得 中 国 股票 GIF 日 / 周 /月 K 战 图 字 节 数组 


输入 参数 : thestockCode = 股票 代号 ， 加 : sh000001; theType = K 级 共 型 ( D : 日 [ 驮 册 ]，W : 天 MN: 月 ) ,返回 数据 : 股票 GIF K 线 图 于 节 娄 组， 


图 26.11 用 图 形 显示 股票 信息 的 要 求 
该 方法 只 要 求 输入 股票 代号 以 及 图 的 类 型 即 可 显示 出 该 股票 的 发 展 曲线 图 。 在 图 的 类 
型 中 用 DD 代表 日 、W 代表 周 、M 代表 月 。 
输入 参数 的 界面 如 图 26.12 所 示 。 
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图 26.12 用 图 形 显示 股票 信息 的 输入 界面 


其 中 图 的 类 型 用 下 拉 列 表 中 的 SelectedValue 值 来 表示 。【 显 示 】 按 钮 的 代码 按照 下 


面 的 要 求 输入 即 可 。 


26. 


合 ; 
DD; 


protected void Buttonl Click(object sender, EventRrgs e) 
{ 
string stockCode = TextBoxl.Text7 
// 取 出 股票 代号 
string ImageType = DropDownListl.SelectedValue; 
// 取 出 日 、 周 或 月 图 形 类 型 
HttpContext .Current .Response.Cache.SetCacheability(System.Web.HttpCachea 
bility.NoCache); 
Stockimage .ChinaStockWebService proxy2 = new 
stockimage.ChinaStockWebService ()7 
byte[] pp = proxy2.getSstockImage kByteByCode (stockCcode， ImageType); 
HttpContext.Current.Response.ClearContent (); 
// 清 除 缓冲 区 流 中 所 有 输出 ， 不 清除 可 能 图 片 不 能 到 项 
HttpContext.Current.Response.Buffer = true; 
// 缓 剖 输 出 ， 可 以 不 使 用 
HttpContext.Current.Response.ContentTYype = "image/Gif"; 
// 获 取 或 设置 输出 流 中 的 HTTP MIME 类 型 (文件 头 类 型 ) 
HttpContext.Current .Response.BinaryWrite (pp); 
// 将 一 个 二 进 制 字符 串 写 入 HTTP 中 
HttpContext .Current .Response.End() 7 
// 将 所 有 缓冲 区 输出 发 送 到 客户 端 ， 停 止 该 页 执行 
} 


显示 股票 图 形 的 界面 如 图 26.13 所 示 。 


2422.63 shoooool 。 上 证 指数 一 日 K 语 田 zees_e4_el 15103:31 
2355.48 HRS 2375.055 NID: Z337. 77 IRS35 ee 上 
zzea- sa | 
2221. 18 

2154-93 
2eec- ee 
2els-7s 
19s2- se 
1ses- 43 
1ele-2e 
17s1- 3 


26.13 ”用 图 形 显 示 股 票 信息 的 界面 


4.4 电视 节目 预报 信息 


电视 节目 预报 信息 的 设计 比 前 面 几 项 设计 要 稍为 复杂 一 些 。 因 为 每 个 地 区 有 多 个 电视 
各 个 电视 台 有 多 个 频道 ;每 个 频道 有 很 多 不 同 的 节目 。 显 示 结 果 如 图 26.14 所 示 。 
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图 26.14 电视 节目 预报 信息 界面 


在 网 站 中 创建 代理 与 前 面 几 项 相同 。 现 在 选择 【中 国电 视 节 目 预告 (电视 节目 表 )】， 
找到 服务 类 为 ChinaTVprogramWebSercice.asmx。 需 要 用 到 的 方法 有 如 下 几 个。 

@ ”getAreaDataSet(): 查找 地 区 或 分 类 的 电视 的 列表 。 

@ ”getTVstationDataSet0: 根据 省 、 市 ID 或 分 类 电视 ID 获得 电视 台 列表 。 

®@ ”getTVchanelDataSet(): 根据 电视 台 ID 获得 电视 频道 列表 。 

@ getTVprogramDataSet0: 根据 频道 ID 和 日 期 获得 节目 预报 列表 。 

下 面 设 计 的 代码 分 三 段 分 别 执行 以 下 三 项 工作 。 

第 一 段 : 打开 网 页 时 (Page_Load 事件 ) 将 自动 获得 各 省 市 ID 及 分 类 电视 ID 列表 ， 并 
放置 于 地 区 的 下 拉 菜 单 中 。 

第 二 段 : 从 选择 地 区 的 下 拉 列 表 中 选择 地 区 后 ， 单 击 【 按 地 区 查找 电台 】 按 钮 
(Button1_Click 事件 )， 将 查 到 的 电视 台 动 态 地 加 入 到 电视 台 的 下 拉 列 表 中 。 

第 三 段 : 在 选择 电视 台 的 下 拉 列 表 中 选择 电视 台 名 ， 并 单 击 【预告 节目 】 按 钮 
(Button2_Click 事件 ) 时 ， 界 面 中 以 表格 的 形式 显示 节目 预报 。 

以 上 各 段 工作 相应 的 代码 如 下 。 

public partial class 电视 节目 预告 : System.Web.UI.Page 

{ 


string se; 
protected void Page Load(object sender, EventArgs e) 


{ 
// 第 一 段 工作 
TVprogram.ChinaTVprogramWebService t = new 
TVprogram.ChinaTVprogramWebService(); 
DataSet d = new DataSet(); 
d = t.getAreaDataset (); 
DataTable DA = d.Tables[0]; 
int row = DA.Rows.Count; 
int i; 
if (DropDownList1.Items .Count == 0) 
{ 
for (i = 0; i < row; i++) 
{ 
DropDownList1.Items .Rdd (new 
ListItem(DRA.Rows [i].ItemArray[1] .ToString()， 
DR.Rows [i].ItemArray[0] .ToString()) ) 
二 
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se 


} 


DropDownListl.SelectedValue; 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
// 第 二 段 工作 
se = DropDownListl.SelectedValue; 
DropDownList2.Items.Clear()7 
TVprogram.ChinaTVprogramWebService 七 = new 
TVprogram.ChinaTVprogramWebService(); 
DataSet d = new DataSet () 7 
d = 七 .getRAreaDataSet (); 
DataTable DA = d.Tables[0]; 
int row = DA.Rows.Count; 
int i; 
d = 七 .getTVstationDataSet (int.Parse (se)); 
DataTable DR1 = d.Tables[0]; 
string temp; 
for (i = 0; i < DAl.Rows.Count; i++) 
4 
temp=DR1.Rows [i] .ItemArray[0] .ToString()7 
d= t.getTVchannelDataSet (int.Parse (temp)); 
DataTable DA2= d.Tables[0]; 
int j; 
for (j = 0; j< DA2.Rows.Count; j++) 
{ 
string chanenelid; 
chanenelid = DR2.Rows [j] .ItemRrray[0] .Tostring(); 
DropDownList2.Items .Rdd (new ListItem(DA2.Rows[j].ItemArray[1] .ToString()， 
DR2 .Rows [j] .ItemRrray[0] .Tostring())); 
} 


protected void Button2 Click(object sender, EventArgs e) 


// 第 三 段 工作 
if (DropDownList2.Items .Count==0) 
{ Response.Write ("<script Language='dJavaScript'>alert(' 抱 歉 还 没有 选 
择 电视 台 ! ! ! ')</script>"); return; } 
TVprogram.ChinaTVprogramWebService 七 = new 
TVprogram.ChinaTVprogramWebService () 
DataSet d = new DataSet() 7 
d = t.getTVprogramDateSet (int.Parse (DropDownList2.SelectedValue) ， 
nm， mm) 7 
DataTable DA3 = d.Tables[0]; 
GridView1.DataSource = DR37 
DataBind() 7 
if (GridViewl.Rows .Count == 0) 
Response.Write("<script Language='JavaScript'>alert('" 抱 攻 还 没有 
预告 ! ! ! ')</script>"); 
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26.5 创建 XML Web 服务 网 站 


前 面 已 经 讲述 了 作为 消费 者 调用 服务 的 方法 ， 在 这 里 将 讲述 创建 XML Web 服务 网 站 
的 方法 。XML Web 服务 可 以 用 .NET 系统 创建 ， 也 可 以 在 PEE 或 其 他 开发 平台 上 创建 。 
下 面 以 创建 一 个 温度 转换 的 Web 服务 为 例 ， 讲 述 利 用 NET 框架 的 ASP.NET 平台 创建 
XML Web Service 服务 网 站 的 方法 。 


26.5.1 创建 .asmx 文件 


由 于 .NET Framework( 框 架 ) 已 经 为 XML Web 服务 网 站 建立 了 基础 框架 ， 因 此 利用 
ASP.NET 创建 XML Web 服务 与 创建 一 般 网 站 的 方法 区 别 不 大 ， 关 键 在 于 创建 好 .asmx 
文件 。 
.asmx 是 一 个 用 于 服务 的 类 文件 ， 它 与 一 般 网 页 文件 (.aspx 文件 ) 的 基础 不 同 ， 但 从 文 
件 的 结构 上 看 区 别 不 大 。 主 要 区 别 在 于 : 
@ 用 于 服务 的 类 (.asmx) 继 承 于 System.Web.Services.WebService， 而 不 是 继承 于 
Page 类 。 因 此 一 开始 它 就 具备 Web 服务 的 基本 功能 。 
@ .asmx 文件 只 包含 逻辑 处 理 代 码 ， 也 可 以 用 来 访问 数据 库 ， 但 不 能 使 用 可 视 化 控 
件 ， 或 进行 显示 界面 的 设计 。 
@ 为 了 允许 消费 者 调用 ，.asmx 文件 中 必须 包括 有 用 public 定义 ， 并 且 有 一 定 返回 
类 型 的 方法 。 
@ 文件 中 定义 了 若干 属性 (attribute)。 这 些 属性 将 自动 编译 成 WSDL 解释 文件 ， 以 
便 向 消费 者 公开 调用 的 接口 。 


26.5.2 ”创建 温度 转换 的 Web 服务 


由 于 Web 服务 必须 通过 IIS 信息 服务 器 进行 发 布 ， 因 此 在 系统 中 必须 首先 安装 好 IS 
服务 器 ， 并 且 通 过 虚拟 目录 来 发 布 Web 服务 。 为 此 ， 可 以 直接 将 Web 服务 文件 放 团 到 虚 
拟 目录 (或 其 子 目 录 ) 下 ， 也 可 以 先 将 Web 服务 文件 放 在 任 一 个 物理 目录 下 ， 然 后 用 虚拟 目 
录 指 向 对 应 的 物理 目录 。 下 面 将 采用 后 一 种 方式 创建 Web 服务 。 

1. 创建 的 步骤 

创建 XML Web 服务 的 步骤 如 下 。 

(1) 选择 【文件 】|【 新 建 网 站 】 命 令 。 

(2) 在 打开 的 对 话 框 中 单 击 【ASPNET Web 服务 】 按 钮 。 

(3) 给 网 站 取 名 (这 里 取 名 Temperate)， 选 择 使 用 C# 语言 以 及 存放 地 址 (可 以 选择 任 
意 物理 地 址 )。 

(4) 打开 网 站 目录 ， 将 看 见 网 站 的 根 目 录 下 出 现 了 Service.asmx 以 及 在 App_Code 目 
录 下 的 Service.cs 两 个 文件 。 前 者 用 于 显示 和 检验 服务 文件 ， 后 者 存放 实际 的 代码 。 

(5) 单 击 Service.cs 文件 后 将 看 到 该 文件 的 初始 代码 如 下 。 
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using System; 

using System.Collections.Generic; 
using System.Linq; 

using System.Web; 

using System.Web.Services; 


[WebService (Namespace = "http://tempuri.org/")] 
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfilel 1)] 
// 车 要 允许 使 用 ASP.NET Ajax 从 脚本 中 调用 此 Web 服务 ， 取 消 对 以 下 行 的 注释 
// [System.Web.Script.Services.ScriptService] 
public class Service : System.Web.Services.WebService 
{ 

public Service () { 

// 如 果 使 用 设计 的 组 件 ， 取 消 注释 以 下 行 

//InitializeComponent (); 
} 


[WebMethod] 
public string HelloWorld() { 
return "Hello World"; 
} 
} 
注意 这 个 文件 与 .ASPX 网 页 的 区 别 : 类 的 基 类 是 WebService; 代码 中 增加 了 几 个 用 
方 括号 括 起 来 的 属性 (attribute)。 如 [WebService(...)] 、[WebMethod] 等 ， 这 些 都 是 .asmx 文 
件 中 必须 的 。 
其 中 用 public 定义 的 方法 就 是 提供 给 消费 者 调用 的 方法 。 现 在 将 其 改写 如 下 。 
[WebMethod () ] 
public double FahrenheitToCelsius (double Fahrenheit) 


// 华 氏 转 换 为 摄氏 
return ((Fahrenheit - 32) * 5) / 9; 
} 
[WebMethod () ] 
public double CelsiusToFahrenheit (double Celsius) 


// 摄 氏 转 换 为 华氏 
return ((Celsius * 9) / 5) + 32; 


} 


(6) 指定 .asmx 文件 作为 起 始 页 ， 进 行 试 运行 。 正 常 时 弹出 的 窗口 中 将 出 现 两 行 字符 
串 ， 这 就 是 .asmx 文件 中 提供 服务 的 两 个 方法 名 ， 单 击 它们 就 可 以 看 出 运行 的 结果 。 


e CelsiusToFahrenheit 


e FahrenheitToCelsius 


假定 在 输入 窗口 中 输入 34， 然 后 单 击 第 一 项 (CelsiusToFahrenheit)， 再 单 击 【 调 用 】 
按钮 ， 将 显示 转换 的 结果 (93.2)， 如 图 26.15 所 示 。 

服务 的 结果 用 XML 的 形式 显示 。Web XML 服务 并 不 提供 界面 设计 的 服务 ， 因 此 只 
能 用 来 验证 结果 是 否 正确 。 
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测试 
者 要 使 用 HTTP POST 协 这 对 掺 作 进行 测试， 请 音 击 “请 月 ” 按 各 


雪人 全 仍 
cu Bs 0 
Ea 


图 26.15 初步 显示 转换 结果 
2. 在 本 机 上 验证 XML Web 服务 


可 以 在 本 机 上 自己 设计 界面 来 进一步 验证 服务 的 结果 。 

如 前 所 述 ， 一 台 计 算 机 可 以 接受 来 自 第 三 方 的 服务 。 其 实 计 算 机 也 可 以 接受 本 机 的 服 
务 。 这 就 是 说 ， 一 台 计 算 机 的 浏览 器 与 本 机 的 服务 器 之 间 也 可 以 采用 消费 方 与 服务 方 之 间 
的 通信 方式 。 例 如 客户 认证 或 某 种 计算 ， 就 可 以 用 提供 服务 的 方式 来 实现 。 为 了 与 不 同 机 
器 之 间 的 服务 一 致 ， 接 受 本 机 服务 时 仍然 需要 设置 代理 (Proxy)。 

下 面 将 在 本 机 上 调用 上 面 设计 的 XML Web 服务 ， 来 检查 服务 的 效果 。 有 具体 步骤 
如 下 。 

(1) 创建 并 注册 代理 (Proxy)。 

@ 在 网 站 菜单 上 单 击 【添加 Web 引用 】 按 钮 ， 将 出 现 如 图 26.16 所 示 的 对 话 框 。 


请 定位 到 Web 服务 URL， 然 后 单 直 “ 积 加 引用 ”以 评 加 -… 
uRtc: 三 =] 二 移 双 


位 
| 坚 


于 此 URL 上 的 Web 
sr" 


ma 
机 上 的 Web 泌 务 


26.16 ”注册 代理 


@ ”选择 【本 地 计算 机 上 的 Web 服务 】 选 项 。 

图 ”后面 的 操作 均 与 第 25 章 相同 ， 这 里 不 再 重复 。 

(2) 增添 新 网 页 ， 设 计 新 界面 ， 如 图 26.17 所 示 。 
se 


6s 
个 华 式 转 报 氏 


摄氏 转 华 式 
Button 


图 26.17 温度 转换 显示 界面 
(3) 为 按钮 (Button) 的 Click 事件 编写 代码 如 下 。 


protected void Button]l Click(object sender, EventArgs e) 


{ 
// 生 成 代理 对 象 
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Temperature.Service proxyl = new Temperature.Service(); 
double tt = double.Parse (TextBox] .Text); 
// 显 示 结果 
if (RadioButtonListl.SelectedValue == "0") 
Labell .Text=proxyl .FahrenheitToCelsius (tt) .ToSstring(); 
} 
else 
{ 
Labell .Text=proxyl .CelsiusToFahrenheit (tt) .ToString(); 
} 
} 


26.6 小 结 


Web 服务 是 机 器 之 间 的 对 话 ， 它 突破 了 系统 、 平 台 、 语 言 等 的 界限 ， 把 关系 建立 在 高 
度 松 看 合 的 基础 之 上 ， 实 现 服 务 的 必要 条 件 是 双方 必须 遵守 因特网 通用 的 通信 标准 和 服务 
与 消费 之 间 的 协议 。 

为 了 简化 服务 的 过 程 ， 系 统 在 消费 方 建立 了 代理 ， 它 是 服务 方 驻 留 在 消费 端的 代表 ， 
并 在 消费 方 进行 了 注册 。 消 费 方 通过 代理 访问 服务 端 ， 就 如 同 访 问 内 存 的 对 象 那样 简单 。 

调用 服务 的 程序 设计 时 ， 先 要 找 准 服务 的 网 站 ， 确 定 服务 类 的 URL， 看 清楚 服务 项 
目的 接口 说 明文 件 。 该 文件 通常 比较 长 ， 关 键 是 要 看 清楚 服务 的 类 名 (asmx)、 调 用 的 方法 
名 ， 以 及 调用 时 需要 提供 的 参数 和 返回 数据 的 类 型 等 几 方面 的 问题 。 返 回 的 数据 类 型 可 能 
是 数据 、 字 符 串 、 一 维 字符 串 数组 、 数 据 集 、 某 种 图 形 或 者 它们 的 混合 。 如 何 处 理 返 回 的 
数据 本 章 的 典型 示例 中 均 有 说 明 。 

因为 .NET Framework 已 经 提供 了 创建 XML Web 服务 网 站 的 基础 框架 ， 创 建 XML 
Web 服务 网 站 并 不 难 ， 与 创建 传统 网 站 时 的 步骤 差别 不 大 。 应 注意 创建 .asmx 类 文件 
与 .aspx 网 页 的 不 同 点 ， 主 要 修改 框架 中 提供 的 方法 ， 并 且 在 创建 完成 后 进行 验证 。 


26.7 习 题 
1. 填空 题 
(1) Web 服务 建立 在 网 站 之 间 的 基础 之 上 。 
(2) 建立 服务 方 与 消费 方 关系 的 唯一 基础 是 与 
(3) SOAP 是 英文 的 缩写 。 
(4) XML Web 服务 方 提供 的 服务 主要 包括 和 两 方面 。 
(5) 作为 服务 方 代理 必须 在 消费 方 
(6) WSDL 文件 是 用 的 格式 来 描述 
2. 选择 题 


(1) 在 XML Web 服务 中 ， 代 理 是 的 代表 。 
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A. 服务 方 B. 消费 方 @ 客户 毅 
(2) 用 SOAP 来 传输 时 最 合适 。 
A. 字符 串 B.XML C. 命令 或 指令 
3. 判断 题 


(1) 一 个 XML Web 的 服务 方 不 能 又 是 消费 方 。 

(2) XML Web 服务 受 开 发 平台 的 限制 。 

(3) XML Web 服务 不 受 使 用 语言 的 限制 。 

(4) 计算 机 不 能 接受 来 自 本 机 的 服务 。 

(5) 计算 机 接受 本 机 服务 时 不 需要 设置 代理 。 

4. 简 答题 

(1) .asmx 是 什么 文件 ? 它 与 .aspx 文件 有 什么 不 同 ? 
(2) 在 .asmx 文件 中 的 属性 的 作用 是 什么 ? 

5. 操作 题 

(1) 设计 一 个 网 站 调用 气象 、 航 班 和 股票 服务 。 

(2) 设计 一 个 网 站 为 电视 台 节 目 预报 服务 。 

(3) 设计 一 个 网 站 通过 自行 查阅 文档 调用 2 一 3 项 信息 服务 。 
(4) 创建 一 个 简单 的 XML Web 服务 网 站 。 


驴友 下药 


DB*C 


一 一 一 一 一 


a 


第 七 部 分 


一 套 实际 应 用 的 系统 中 常常 包括 比较 复杂 的 内 容 ， 既 有 核心 代码 ， 还 有 千变万化 的 外 
围 设计 。 作 为 一 名 初学 者 ， 应 该 首先 掌握 关键 知识 与 核心 技术 ， 并 在 这 个 基础 上 进一步 扩 
展 和 完善 设计 。 

在 下 面 的 讲解 中 ， 将 着 重 讲述 一 些 关键 技术 。 读 者 只 有 在 理解 和 掌握 这 些 知 识 的 基础 
上 ， 再 加 上 适当 的 加 工 才能 应 用 于 实际 之 中 。 

本 部 分 选择 了 三 种 不 同类 型 的 主题 : 

@@ ”网 上 招聘 与 留言 板 。 

@ ”快速 创建 动态 数据 驱动 网 站 。 

@ ”创建 电子 商务 网 站 。 
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由 于 网 站 工作 在 Internet 开放 的 环境 中 ， 因 此 网 站 可 以 在 最 广阔 的 范围 内 交换 信息 。 
如 果 应 用 于 网 上 报名 、 网 上 招聘 、 民 意 咨 询 、 留 言 板 等 项 目 时 ， 将 给 组 织 者 和 客户 带 来 极 
大 的 方便 。 它 不 受 时 间 、 地 点 的 限制 ， 不 仅 效率 高 ， 还 能 降低 工作 成 本 ， 因 此 用 它 来 取代 
传统 方式 已 经 成 为 大 势 所 趋 。 

本 章 将 讲解 两 个 应 用 项 目 : 网 上 招聘 与 留言 板 。 学 会 了 这 两 种 项 目的 设计 ， 其 他 类 似 
的 项 目 都 可 以 迎刃而解 。 

在 本 章 中 将 利用 FormView 控件 来 设计 ， 需 要 用 到 前 面 几 章 中 学 过 的 内 容 ， 所 以 它 是 
一 个 综合 性 的 章节 。 本 章 中 将 要 讲解 的 具体 问题 包括 : 

@ ”FormView 控件 简介 。 

@ ”利用 FormView 控件 设计 招聘 网 页 。 

@ ”利用 FormView 控件 设计 留言 板 。 

@ 使 用 Wizard 控件 。 


27.1 FormView 控件 简介 


-个 信息 交换 的 应 用 程序 应 该 同时 具备 以 下 三 方面 的 功能 。 

@ 给 客户 提供 一 个 友好 的 输入 界面 。 

@ 能够 自动 保存 客户 输入 的 数据 。 

@ ”能 够 对 输入 的 数据 进行 整理 、 分 析 和 处 理 。 

其 中 “自动 保存 客户 输入 的 数据 ”是 设计 的 关键 ， 也 是 用 传统 方法 设计 的 难点 。 现 在 
ASPNET 3.5 对 这 个 问题 提供 了 强 有 力 的 支持 ， 大 大 简化 了 设计 过 程 。 下 面 采用 
FormView 控件 并 结合 数据 库 来 进行 设计 。 

FormView 控件 与 前 面 讲 过 的 GridView 控件 都 继承 于 CompositeDataBoundControl 
类 ， 因 此 有 很 多 共性 。 它 们 都 可 以 用 来 显示 数据 表 ， 并 且 对 数据 表 进行 编辑 。 现 在 利用 它 
拥有 的 “插入 记录 ”的 功能 来 自动 保存 客户 输入 的 数据 。 

FormView 与 GridView 控件 之 间 最 重要 的 区 别 是 ，FormView 控件 的 显示 界面 可 以 更 
加 自由 ， 而 不 限于 表格 形式 ， 因 此 更 容易 适合 于 不 同 显示 界面 的 需要 。 


27.2 ”利用 FormView 控件 设计 招聘 网 页 


-个 招聘 广告 通常 需要 先 介绍 招聘 单位 本 身 的 简要 情况 ， 并 提出 招聘 的 要 求 ， 然 后 给 
应 聘 者 提供 一 个 登记 的 界面 。 该 界面 应 该 尽量 友好 ， 使 客户 能 够 用 最 简便 的 方式 输入 需要 
的 数据 ， 为 以 后 进一步 分 析 和 联系 正定 基础 。 

例如 ， 图 27.1 是 一 个 “招聘 软件 开发 人 员 ” 的 网 页 。 
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招聘 
诅 毛 合 动 么 可 蚌 一 个 代 多 币 公 可， 开办 几 十 第 来 已 族 成 
和 人 为 诅 及 区 区 的 主要 浅 从 WW 准 ， 四 于 公司 烛 旁 扩充 红 般 名 
用 将 办 理 人 届 博 褒 ， 希 塑 40 区 以 万 天 地 以 上 欧 历 坟 香 
a 枫 专 籽 严 烛 了 作 一 闫 CI 上 人 昼 克 多 应 限 蔗 于 005 车 12 
> 名 于 可 流失 避 仓 攻 扩 
Vr 
姓名 年 龄 ， 性 别 起 组 
c 男 r 女 。 c 己 rc 林 
个 人 爱好 ， 厂 件 痛 厂 文艺 广 音乐 厂 丝 本 a 
隧 汪 本 /了 HR， 三 RE 司 Mr Ca) 
er 地址 ， 多 
| ES 部 中 包 太 


27.1 ”招聘 网 页 的 界面 


网 页 的 界面 分 为 上 、 下 两 部 分 。 上 面部 分 使 用 FormView 控件 的 Header 模板 介绍 公 
司 情况 并 提出 招聘 要 求 。 下 面部 分 使 用 Insert 模板 ， 放 入 各 类 输入 控件 并 与 数据 表 各 字段 
进行 数据 绑 定 ， 以 便 自 动 保存 输入 的 数据 。 有 具体 设计 步骤 如 下 。 
(1) 创建 一 个 数据 表 ， 数 据 表 的 字段 就 是 需要 了 解 的 项 目 。 以 前 面 的 招聘 为 例 ， 数 据 
表 包 括 12 个 字段 ， 其 格式 定义 如 表 27.1 所 示 。 
表 27.1 定义 数据 表 字 段 


字段 名 | 类 型 | 字段 名 | 类 型 
Bh( 编 号 ) nvarchar 12 
Sex( 性 别 int4 
Maniage( 婚 状况) char 10 
An 爱好 艺术 ) char 10 


Drawing( 爱 好 绘画 ) Schooling( 学 历 ) nvarchar 20 
Experience( 资 历 ) Email( 电 子 邮 件 ) nvarchar 30 


其 中 ， 编 号 (bb) 是 关键 字 ， 设 为 自动 增 量 ， 因 此 不 出 现在 输入 的 界面 中 。 

(2) 将 FormView 控件 与 数据 库 连 接 。 从 工具 箱 将 FormView 控件 拖 入 窗 体 ， 并 通过 
数据 源 控件 与 数据 库 连 接 。 注 意 在 连接 过 程 中 单 击 【 高 级 】 按 钮 ， 以 便 生成 各 种 SQL 编 
辑 语句 。 

(3) 创建 输入 界面 。FormView 控件 提供 了 多 个 模板 ， 分 别 用 于 不 同 需 要 时 的 界面 设 
计 。 如 项 目 模 板 (temTemplate)、 编 辑 模板 (EditItemTemplate)、 插 入 模板 (InsertItemTemplate)、 
头 模板 (HeaderTemplate) 和 尾 模板 (FooterTemplate) 等 。 

此 例 使 用 FormView 控件 的 插入 模板 。 

方法 是 : 右 击 FormView 控件 ， 在 弹出 的 菜单 中 选择 【编辑 模板 】| InsertItemTemplate 
命令 ， 即 可 转向 插入 模板 。 当 模板 出 现时 ， 其 中 已 经 包含 了 一 些 控件 ， 只 是 这 些 控件 的 布 
局 并 不 一 定 符合 设计 要 求 ， 可 以 先 删除 这 些 控件 。 

接着 给 模板 进行 布局 ， 然 后 放 入 各 种 类 型 的 输入 控件 (如 TextBox、DropDownList、 
RadioButtonList、CheckBox 等 )。 除 此 以 外 还 需 放 入 两 个 按钮 : 【保存 】 和 【复位 】 按 
钮 。 在 这 些 控件 中 除 【 复 位 】 按 钮 要 采用 HTML 的 Reset 按钮 以 外 ， 其 他 控件 均 采用 服务 
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器 端 标准 控件 (Label 控件 也 可 以 采用 HTML 控件 )。 
(4) 进行 数据 绑 定 并 设置 其 他 参数 。 通 过 各 控件 的 【编辑 DataBindings】 属 性 分 别 与 
数据 表 对 应 的 字段 进行 数据 绑 定 ， 如 图 27.2 所 示 。 


BEE 于 ml 


27.2 ”给 各 控件 进行 数据 绑 定 


图 中 表示 TextBoxl 控件 的 Text 属性 已 经 与 数据 表 的 name 字段 进行 绑 定 。 窗 体 下 面 
的 代码 表达 式 : Bind("name") 就 表明 了 这 种 绑 定 关 系 。 

@ 给 【保存 】 按 钮 的 CommandName 属性 赋值 为 msert。 

加 给 各 输入 控件 增加 相应 的 校 验 控件 。 

(5) 为 了 使 得 打开 网 页 时 立即 打开 插入 模板 ， 应 将 插入 模板 设置 为 FormView 的 默认 
模式 。 为 此 ， 先 退出 插入 模板 ， 然 后 在 FormView 控件 中 ， 将 DefaultMode 属性 设 为 
Insert。 

(6) 打开 头 模板 (HeaderTemplate)， 在 头 模板 中 介绍 公司 情况 并 提出 招聘 要 求 。 

(7) 给 应 聘 者 返回 信息 。 方 法 是 : 在 FormView 控件 的 ItemInserted 事件 中 输出 信 
息 。 例 如 编写 有 关 感 谢 的 语句 如 下 。 

void FormViewl ItemInserted(object sender, FormViewInsertedEventArgs e) 

{ 


Response.Write ("感谢 您 参加 应 聘 ! …") ; 
} 


27.3 ”利用 FormView 控件 设计 留言 板 


留言 板 可 以 为 客户 提供 网 上 留言 的 机 会 ， 它 不 受 时 间 、 地 点 的 限制 ， 是 及 时 获取 客户 
反馈 信息 的 一 种 好 方式 。 

网 站 的 留言 板 应 该 给 客户 提供 一 个 简单 、 友 好 的 输入 界面 ， 还 要 能 自动 保存 这 些 信息 
并 允许 客户 随时 查看 其 他 客户 的 留言 。 

留言 是 一 种 面向 社会 开放 的 机 制 ， 因 此 也 难免 会 出 现 一 些 过 时 的 或 不 健康 的 留言 ， 应 
该 允许 网 站 管理 人 员 定 期 进行 清理 。 

因此 设计 留言 板 网 页 要 综合 应 用 增添 记录 、 校 验 输入 、 删 除 留言 、 登 录 检 验 等 技术 。 
利用 系统 提供 的 控件 ， 可 以 很 方便 地 实现 这 些 功能 。 
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27.3.1 打开 留言 
图 273 是 一 个 简单 的 留言 板 界面 。 界 面 中 只 包括 三 个 链接 指针 :开始 留言 、 


言 与 留言 管理 ， 通 过 它们 打开 留言 区 网 页 、 查 看 网 页 以 及 管理 留言 网 页 。 
[| /hos missbrietlr «ep a | 


欢迎 使 用 留言 板 
开始 留言 
查看 留言 = 
留言 管理 
| | | 


图 27.3 留言 板 开 始 界面 


27.3.2 ”留言 网 页 的 界面 设计 
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查看 留 


留言 网 页 的 设计 与 招聘 网 页 的 设计 步 又 基本 相同 ， 这 里 只 重点 讲述 几 点 不 同 之 处 。 

e@ ”为 了 保存 客户 的 留言 ， 须 先 建立 一 张 数据 表 ， 包 括 留言 编号 、 姓 名 、 主 题 、 电 子 
邮件 、 留 言 时 间 以 及 留言 内 容 等 几 个 字段 ， 其 中 留言 编号 是 关键 字 (不 能 重复 )， 
在 数据 表 中 用 自动 增 量 方式 生成 ， 但 不 一 定 显 示 在 界面 上 。 数 据 表 的 结构 如 


表 27.2 所 示 。 


表 27.2 留言 网 页 所 需 字段 


字段 名 | 类 型 | 字段 名 | 类 型 | 字段 名 | 类 型 
varchar 50 


E_mail 电子 邮件 NR (内 容 ) | varchar 800 


其 中 ，Bh 为 关键 字 ， 自 动 增值 ，SJ( 时 间 ) 将 由 系统 自动 生成 ， 这 里 采用 


Varchar 


@ 拖 入 FormView 控件 ， 然 后 按照 前 面 步 又 进行 设置 。 其 中 留言 内 容 的 TextBox 文 


本 框 的 Type 的 属性 设 成 多 行 ， 并 将 它 的 MaxLength 属性 设置 成 最 多 允许 


如 800)。 留 言 板 的 界面 如 图 27.4 所 示 。 
@ 除 SJ( 时 间 ) 文 本 框 以 外 其 他 均 与 数据 表 进 行 数据 绑 定 。 


字 长 ( 例 


@ 在 SI 时 间 ) 文 本 框 中 按照 以 下 方式 进行 数据 绑 定 。 即 先 选择 【 自 定义 绑 定 】 
(Custom Binding)， 然 后 再 与 系统 时 间 (DateTime Now) 绑 定 在 一 起 。 同 时 将 时 间 


的 文本 框 的 ReadOnly 属性 设 为 Tme， 如 图 27.5 所 示 。 
@ ”利用 FormViewl_ItemInserting 事件 将 系统 时 间 存 入 数据 表 中 。 语 句 如 下 。 


void FormView]l ItemInserting (object sender, FormViewInsertEventArgs e) 


{ 


388 ASP.NET Web 开发 教程 


SqlDataSsourcel.InsertParameters.Clear (); 
SqlDataSourcel .InsertParameters.Add ("sj", DateTime.Now.ToString()); 


下 
TFT La[zxl 
有 疏 疤 亡 章 rp th 
onesbls Bopenes 
一 言 入， E 
2 EE 
Emil, 四 
[ELL ER 
ES 人 [本 i 
到 
Eel sl Es 
图 27.4 留言 板 界面 图 27.5 自动 显示 留言 时 间 


@ 在 FormView 控件 的 ItemInserted 事件 中 输出 语句 表示 已 经 收 到 留言 ， 并 表示 感 
谢 。 语 句 如 下 。 
void FormViewl ItemInserted(object sender, FormViewInsertedEventArgs e) 
{ 
Response .Write ("感谢 您 的 留言 1"); 
} 
上 述 语句 也 可 以 改写 成 以 下 形式 。 
Response.Write("<script Language='JavaScript' 
type='text/javascript'>alert (' 感 谢 您 的 留言 ! '); </script>"); 


后 面 这 条 语句 的 作用 是 向 浏览 器 发 送 一 个 字符 串 ， 在 浏览 器 将 其 下 载 后 自动 编译 
成 JavaScript 脚本 ， 显 示 出 一 个 感谢 留言 的 小 对 话 框 。 
27.3.3 ”对 留言 板 的 管理 
网 站 管理 人 员 应 该 定期 或 不 定期 地 对 留言 板 进行 清理 ， 及 时 删除 一 些 过 时 的 信息 或 者 
- 些 信息 垃圾 。 为 此 必须 为 管理 留言 板 的 工作 设计 一 些 网 页 ， 打 开 这 些 网 页 的 人 应 该 具有 
- 定 的 权限 。 关 于 设置 权限 的 方法 在 前 面 的 章节 中 已 经 讲述 。 
清理 留言 板 中 的 记录 可 以 利用 GridView 控件 与 留言 板 的 数据 表 连 接 ， 并 且 按照 编辑 
方法 配置 数据 源 控件 ， 并 在 GridView 控件 中 增加 【删除 】 按 钮 ， 以 便 有 选择 地 删除 
留言 。 


27.4 使 用 Wizard 控件 


27.4.1 Wizard 控件 的 用 途 


Wizard 控件 的 作用 是 将 多 个 窗口 放 在 同一 个 网 页 的 不 同 模板 中 ， 然 后 利用 显示 / 隐 含 
模板 的 方法 ， 在 界面 之 间 进 行 切换 。 就 像 分 页 显示 一 样 。 但 与 分 页 不 同 的 是 ，Wizard 控 
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件 中 放 进 的 是 独立 而 又 相关 的 界面 。 例 如 一 个 企业 的 人 员 组 成 、 产 品 销售 、 财 务 情 况 等 就 
可 以 分 别 放 入 不 同 的 模板 中 。 前 面 讲述 的 留言 板 如 果 有 多 种 界面 时 ， 也 可 以 将 它们 放 入 不 
同 的 模板 中 。 

在 Wizard 控件 中 ， 这 些 模板 将 按照 步骤 (第 一 步 、 第 二 步 等 ) 进 行 排列 ， 客 户 可 以 按 顺 
序 来 逐个 浏览 界面 ， 也 可 以 用 跳 转 的 方式 进行 查阅 。 由 于 界面 的 切换 都 是 在 同一 张 网 页 的 
各 个 模板 中 进行 ， 因 此 切换 的 速度 比较 快 ， 使 用 起 来 非常 方便 。 


27.4.2 Wizard 控件 的 结构 
Wizard 控件 的 界面 分 为 4 部分， 如 图 27.6 所 示 。 


标题 
《Header) 
图 
跳 选 浏览 (View) 
(Sidebar) 


[= 人 [2 
CO 全 
图 27.6 Wizard 控件 的 结构 
e@ ”标题 部 分 (Header): 放 在 界面 的 上 方 ， 起 标题 的 作用 。 
视图 部 分 (View): 界面 的 主要 部 分 。 中 间 放 入 各 种 控件 组 成 需要 的 界面 。 
@ 浏览 按钮 部 分 (Navigation Bar): 通常 放 在 界面 的 下 方 ， 由 【上 一 步 】、【 下 一 
步 】 等 按钮 组 成 ， 用 来 执行 逐步 浏览 的 功能 。 
e@ 跳 选 浏览 部 分 (SidebanD: 通常 放 在 界面 的 左 方 ， 利 用 它 可 以 采用 跳 选 方式 浏览 界 
面 。 这 一 部 分 是 可 选 的 部 分 。 只 要 将 Wizard 控件 的 DisplaySideBar 属性 设 为 
false， 该 部 分 就 被 隐藏 起 来 。 


27.4.3 Wizard 控件 的 使 用 方法 

1. 设置 浏览 的 步 又 

将 Wizard 控件 拖 进 窗 体 ， 单 击 属 性 Wizard Steps 右边 的 省 略 号 按钮 ， 弹 出 如 图 27.7 
所 示 的 对 话 框 。 


利用 【添加 】 按 钮 结合 右边 的 Title 属性 ， 给 Wizard 控件 增添 步骤 ， 并 给 各 个 步骤 
命名 。 
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| wizardstep 集合 篇 部 器 


图 27.7 【WizardStep 集合 编辑 器 】 对 话 框 

2. 给 各 模板 设置 属性 

单 击 左边 窗口 中 的 步骤 ， 分 别 为 每 步 的 界面 增添 需要 的 控件 ， 增 添 控件 的 方法 与 在 网 
页 中 增添 控件 一 样 。 除 此 以 外 ， 在 Wizard 控件 的 【属性 】 对 话 框 中 ， 系 统 为 各 个 模板 以 
及 模板 中 的 按钮 提供 了 丰富 的 属性 ， 如 底 色 (BackColor)、 边 界 样式 (BorderStyle)、 边 界线 
宽度 (BorderWidth)、 边 界 颜色 (BorderColor) 等 。 可 以 按照 自己 的 爱好 来 设置 这 些 属性 。 
个 简便 的 方法 是 先 选 择 【 自 动 套 用 格式 】 选 项 ， 在 系统 提供 的 多 种 格式 中 先 选择 一 种 ， 然 
后 再 分 别 给 各 个 模板 做 进一步 的 修改 。 

除 此 之 外 ，Wizard 控件 还 提供 了 十 几 个 事件 ， 必 要 时 可 以 在 事件 窗口 中 双击 某 个 事 
件 ， 并 为 该 事件 编写 代码 。 具 体 做 法 与 一 般 网 页 相同 ， 这 里 就 不 介绍 了 。 


27.5 小 结 


招聘 网 页 和 留言 板 是 使 用 得 非常 广泛 的 两 个 典型 项 目 ， 它 们 的 主要 功能 都 是 给 客户 提 
供 一 个 友好 的 界面 ， 要 求 客户 提供 相关 数据 ， 自 动 保存 这 些 数据 ， 以 便 进 行 分 析 和 处 理 。 
两 者 之 间 只 是 显示 的 界面 不 同 。 使 用 FormView 控件 来 做 这 些 项 目 非常 合适 。 因 为 这 个 控 
件 能 够 通过 数据 源 控件 连接 数据 库 ， 自 动 执 行 插入 记录 的 操作 。 另 外 ， 由 于 FormView 控 
件 的 显示 界面 比较 自由 ， 可 以 灵活 地 进行 布局 。 控 件 还 提供 了 多 种 模板 ， 可 以 根据 需要 进 
行 选择 。 设 计 中 需 注 意 三 件 事 : 

@ 设计 出 一 个 友好 的 界面 。 

@ 各 个 输入 控件 与 数据 库 之 间 正 确 地 进行 数据 绑 定 。 

e@ ”对 输入 的 数据 要 进行 必要 的 校 验 。 

Wizard 控件 是 ASP.NET 3.5 提供 的 一 个 控件 ， 这 个 控件 的 特点 是 能 够 将 几 个 独立 而 
又 相关 的 窗 体 放 到 同一 个 网 页 中 来 ， 通 过 浏览 按钮 或 跳 转 选择 可 以 在 这 些 网 页 间 进 行 浏 
览 ， 由 于 这 种 方法 设计 简单 ， 运 行 中 切换 的 速度 也 比较 快 ， 因 此 比较 受 欢迎 。 
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27.6 习 题 
1. 填空 题 
(1) 网 上 招聘 模板 通常 分 为 上 、 下 两 部 分 。 上 面部 分 通常 使 用 FormView 控件 
的 ， 用 来 介绍 公司 情况 并 提出 招聘 要 求 ; 下 面部 分 通常 使 用 ， 用 来 
输入 和 存储 数据 。 
(2) 当 应 聘 者 提交 数据 后 应 该 在 事件 中 向 应 聘 者 发 出 友好 的 信息 。 
(3) 通常 在 应 聘 的 界面 上 要 放 入 【保存 〗 和 【复位 〗 两 个 按钮 ， 其 中 【复位 】〗 按 钮 采 
用 控件 ， 而 【保存 】〗】 按 钮 则 必须 是 控件 。 
(4) 如 果 要 求 自动 保存 提交 数据 的 时 间 ， 应 该 在 事件 中 编写 保存 当前 时 
间 的 代码 。 
2. 选择 题 
(1) FormView 与 GridView 控件 相 比 最 重要 的 区 别 是 
A. 能 够 存储 数据 B. 外 观 比较 美观 
C. 显示 的 布局 几乎 不 受 限 制 D. 数据 量 受 一 定 的 限制 
(2) 留言 板 必须 加 强 管理 ， 这 是 因为 8 
A. 存储 容量 有 限 B. 查看 必须 经 过 授权 
C. 影响 查看 的 速度 D. 可 能 存在 过 时 或 不 健康 的 留言 
(3) Wizard 控件 的 最 大 特点 是 
A. 能 够 包含 大 量 数 据 B. 能 将 多 个 窗口 集中 到 一 个 网 页 中 
C. 布局 不 受 限制 D. 能 够 快速 进行 浏览 
3. 简 答题 


(1) 一 个 网 上 信息 交换 程序 通常 应 该 包括 哪 几 方 面 的 功能 ? 

(2) 简 述 网 上 招聘 网 页 的 设计 步骤 。 

(3) 简 述 设计 留言 板 的 设计 步骤 。 

(4) Wizard 控件 的 作用 是 什么 ? 

4. 操作 题 

(1) 实际 设计 一 个 研究 生 网 上 报名 的 网 页 ， 要 求 对 输入 的 数据 进行 合法 性 验证 ， 并 能 
自动 保存 数据 (包括 提交 时 间 )， 数 据 提交 后 能 够 向 报名 者 反馈 相关 信息 

(2) 利用 存储 过 程 (不 用 FormView 控件 ) 完 成 上 题 的 要 求 。 

(3) 设计 一 个 网 上 的 与 论调 查 程序 ， 要 求 在 客户 提交 自己 的 意见 以 后 立即 显示 到 目前 
为 止 调查 的 综合 结果 。 

(4) 利用 Wizard 控件 设计 一 个 包括 进入 留言 、 实 际 留言 、 管 理 留 言 等 多 页 的 应 用 
程序 。 


第 28 章 ”快速 创建 动态 数据 驱动 网 站 


相当 一 部 分 应 用 程序 以 数据 库 为 基础 ， 以 数据 处 理 为 中 心 ， 如 何 快速 建立 起 数据 处 理 
的 模型 ， 已 经 成 为 设计 者 普遍 关心 的 问题 。 

ASPNET 3.5 提供 了 LINQ 集成 语言 查询 ， 并 且 通 过 LINQ to SQL 将 数据 库 ( 数 据 表 ) 
映射 成 实体 类 ， 使 得 对 数据 的 处 理 更 加 方便 和 安全 ， 并 为 快速 创建 系统 提供 了 坚实 的 基 
础 。 除 此 之 外 ， 系 统 还 提供 了 一 整套 基于 LINQ 语言 的 动态 数据 网 站 的 创建 方法 。 

本 章 将 以 样板 库 Northwind 为 基础 讲述 动态 数据 驱动 网 站 的 创建 方法 。 


28.1 概 述 


房屋 建筑 设计 可 以 采用 两 种 方式 ， 一 种 就 是 根据 各 方面 的 条 件 (需要 、 资 金 、 地 形 、 
环境 等 )， 从 头 开始 进行 设计 ， 设 计 的 针对 性 强 ， 能 够 满足 各 种 不 同 的 需要 。 但 是 这 种 设 
计 方 式 成 本 高 、 周 期 长 。 

另 一 种 方式 (例如 经 济 适 用 房 ) 是 采用 标准 化 设计 方式 。 即 先 根据 普遍 的 需要 设计 几 套 
方案 ， 需 要 时 选择 其 中 之 一 (或 许 需 要 做 少量 的 修改 ) 即 可 开始 施工 。 这 种 设计 成 本 低 、 周 
期 短 ， 但 是 设计 的 结果 缺乏 个 性 ， 不 能 完全 满足 不 同 的 需要 。 

软件 设计 与 房屋 建筑 设计 性 质 不 同 ， 但 也 有 相似 的 地 方 。 前 面 讲述 的 网 站 设计 实质 上 
都 是 采用 第 一 种 设计 方式 。 现 在 LINQ 技术 的 出 现 为 第 二 种 设计 方式 提供 了 可 能 。 

LINQ 不 仅 是 一 种 新 技术 ， 它 也 扩展 了 人 们 的 想象 空间 。 人 们 在 想 ， 既 然 通 过 LINQ 
能 够 将 数据 库 喘 射 成 实体 类 ， 为 什么 不 能 直接 将 数据 库 喘 射 成 软件 系统 ? 在 这 种 思维 的 启 
发 下 ， 快 速 创 建 动态 数据 驱动 网 站 的 技术 诞生 了 。 

与 传统 创建 网 站 的 方式 不 同 ， 创 建 动态 数据 驱动 网 站 时 ， 先 根据 需要 组 成 数据 库 ， 然 
后 在 此 基础 上 快速 创建 一 个 数据 驱动 系统 ， 这 个 系统 具有 基本 的 显示 界面 和 操作 功能 ， 包 
括 显示 、 过 滤 、 分 页 、 排 序 、 添 加 、 删 除 、 编 辑 、 修 改 以 及 输入 校 验 等 通用 的 功能 。 创 建 
这 个 系统 的 过 程 几乎 不 需要 编写 代码 ， 也 不 需要 设计 人 员 做 什么 干预 就 能 够 自动 完成 。 

创建 过 程 非常 快 ， 是 这 个 系统 的 最 大 特点 。 但 由 于 系统 是 按照 通用 模型 生成 的 ， 还 缺 
乏 个 性 ， 需 要 设计 者 与 使 用 者 紧密 配合 进行 补充 和 完善 。 由 于 已 经 有 了 一 个 可 以 实际 运行 
的 基本 模型 ， 使 用 者 提 意 见 时 将 更 有 针对 性 ， 设 计 者 也 更 容易 理解 和 实施 ， 两 者 之 间 的 配 
合 将 更 加 默契 。 


28.2 ”数据 模型 (Model) 与 支架 (Scaffold) 
系统 提供 的 数据 模型 和 支架 是 创建 数据 驱动 网 站 的 基础 。 


什么 是 数据 模型 ? 数据 模型 就 相当 于 标准 设计 的 方案 ， 在 这 里 它 代表 数据 库 中 各 信息 
(字段 ) 之 间 的 相互 关系 。 比 如 : 是 各 种 表格 都 支持 统一 的 支架 ， 还 是 各 个 表 分 别 支持 不 同 
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的 支架 等 。 目前， 创建 数据 模型 有 两 种 方式 : LINQ-to-SQL 和 ADONET Entity 


Framework。 本 章 将 重点 介绍 前 者 。 


什么 是 支架 (Scaffold)? 支架 这 个 名 称 来 源 于 建筑 行业 ， 它 是 设计 方案 的 细节 和 具体 


化 。 在 这 里 它 的 作用 是 根据 数据 模型 ， 自 动 生 成 网 页 外 观 ， 并 赋予 系统 各 项 基本 功能 。 
选择 数据 模型 和 支架 的 过 程 非常 简单 ， 只 要 在 Global.asax 文件 中 释放 几 个 原来 被 
蔽 的 定义 字段 ， 或 者 屏蔽 另外 几 个 字段 即 可 完成 。 


28.3 创建 步骤 


下 面 以 Northwind 样板 数据 库 为 例 ， 讲 解 创建 数据 驱动 网 站 的 方法 。 
(1) 选择 【文件 】| 【新建 网 站 】 命 令 。 

(2) 在 打开 的 模板 对 话 框 中 选择 【Dynamic Data 网 站 】。 

(3) 给 网 站 取 名 ， 选 择 【 文 件 系 统 】 网 站 ， 并 确定 使 用 C# 语 言 。 

(4) 在 App_Data 目录 下 引入 Northwind 数据 库 。 


(5) 选择 【添加 新 项 】， 并 选择 【LINQ to SQL 类 】 选 项 ， 以 打开 O/R 设计 界面 ， 并 


将 文件 改名 为 Northwind.dbml。 
(6) 将 Northwind 数据 库 中 的 若干 相关 的 数据 表 拖 入 到 O/R 设计 界面 中 。 


注意 : 如 果 在 Data 选项 中 选择 ADO NET Entity Data Model 时 ， 应 按照 以 下 步骤 进行 。 


(1) 在 Name 小 框 中 取 名 ， 如 Northwind.edmx， 单 击 【 下 一 步 】 按 钮 。 
(2) 选择 【从 数据 库 生 成 〗 小 图 标 ， 然 后 单 击 【 下 一 步 〗 按 钮 。 


屏 


(3) 在 【您 的 应 用 程序 将 使 用 哪个 数据 连接 连接 到 数据 库 ? 〗 下 面 的 小 窗口 中 选 


择 NorthwindConnectionString(Setting)。 
(4) 保存 上 面 的 设置 ， 单 击 【 下 一 步 】〗 按 钮 。 
(5) 选中 要 用 到 的 数据 表 ， 然 后 单 击 【完成 〗 按 钮 。 


(7) 打开 Globalasax 文件 以 选择 数据 模型 。 


在 传统 的 网 站 中 ，Global.asax 文件 用 来 控制 一 些 全 局 性 的 事件 ， 每 当 应 用 程序 启动 时 
将 首先 执行 此 文件 中 的 代码 。 在 动态 数据 网 站 中 ， 还 需要 在 此 文件 中 进行 “数据 模型 


注册 ”。 
数据 模型 分 为 两 种 。 
@ 分 页 模式 ， 即 列表 、 详 细 、 插 入 和 更 新 任务 放 在 不 同 的 网 页 中 执行 。 
@ 合 页 模式 ， 即 列表 、 详 细 、 插 入 和 更 新 任务 都 放 在 同一 网 页 中 执行 。 
Global.asax .文件 的 提示 如 下 (注意 其 中 用 粗 字 体 显 示 的 代码 )。 


public static void RegisterRoutes (RouteCollection routes) 
{ 
MetaModel model = new MetaModel (); 
// 重要 : 数据 模型 注册 
// 取消 注释 此 行 以 注册 LINQ to SQL 类 或 ASP.NET 实体 数据 的 
// RDo.NET 动态 数据 模型 。 若 要 设置 ScaffoldAllTables = true， 需 符合 以 下 条 件 
// 即 确定 希望 数据 模型 中 的 所 有 表 都 支持 支架 ( 即 模板 ) 
// 视图 。 若 要 控制 各 个 表 的 支架 ， 为 表 创建 分 部 类 ， 并 将 
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// [Scaffold(true) ] 属性 应 用 于 分 部 类 

// 注意 :确保 将 YourDataContextType 更 改 为 应 用 程序 的 数据 上 下 文 类 的 

// 名 称 

// model .RegisterContext (typeof (YourDataContextType), new 
ContextConfiguration() { ScaffoldAllTables = false }); 


// 下 面 的 语句 支持 分 页 模式 ， 在 这 种 模式 下 ，" 列 表 "、" 详 细 "、" 插 入 " 
// 和 "更 新 "任务 是 使 用 不 同 页 执行 的 。 若 要 启用 此 模式 ， 请 取消 注释 下 面 
// 的 route 定义 ， 并 注释 掉 后 面 的 合并 页 模式 部 分 中 的 route 定义 
routes.Add (new DynamicDataRoute("{table}/{action} .aspx") 
{ 


Constraints = new RouteValueDictionary (new { action = 


"ListlDetails|lEdit|lInsert" }), 


注意 : 


} 


Model = model 
天 区 


如 果 使 用 LINQ-to-SQL 时 ， 上 面 的 YourDataContextType 用 “***DataContext” 取 
代 ( 此 例 中 用 的 是 NorthwindDataContext)。 有 具体 文件 名 (***) 可 从 ***.dbml 下 面 的 
***.designer.cs 文件 中 找到 。 如 果 使 用 Entity Framework model 时 ， 应 该 用 
Northwind DataEntities 取代 。 


// 下 面 的 语句 支持 合并 页 模式 ， 在 这 种 模式 下 ，“ 列 表 ”、“ 详 细 ”、“ 插 入 ” 
// 和 “更 新 ”任务 是 使 用 同一 页 执行 的 。 若 要 启用 此 模式 ， 取 消 注释 下 面 

// 的 routes， 并 注释 掉 上 面 的 分 页 模式 部 分 中 的 route 定义 
//routes.Add (new DynamicDataRoute("{table}/ListDetails.aspx") { 
2 Action = PageAction.List, 


// ViewName = "ListDetails", 
// Model = model 
/AD 


//routes.Add (new DynamicDataRoute ("{table}j/ListDetails.aspx") { 
Fi Action = PageAction.Details, 


df ViewName = "ListDetails", 
// Model = model 
/Ds; 


如 果 现在 注册 “分 页 模式 ” 则 只 需要 对 下 列 语句 进行 修改 (注意 带 下 划 线 的 三 处 )。 


// model.RegisterContext (typeof (YourDataContextType), new 
ContextConfiguration() { ScaffoldAllTables = false }); 


修改 时 : 

@ 将 “//” 删 除 。 

@， 将 YourDataContextType 改 为 NorthwindDataContext。 

这 里 的 NorthwindDataContext 是 生成 .dbml 文件 时 取 的 名 字 并 在 后 面 加 上 DataContext 
类 名 的 结果 。 这 个 名 字 可 以 从 App_Code 目录 下 的 .designer.cs 文件 中 找到 。 

@ 将 false 改 为 true。 

修改 后 的 语句 如 下 : 


model .RegisterContext (typeof (NorthwindDataContext), new 


ContextConfiguration() { ScaffoldAllTables = true }); 
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到 此 为 止 设置 完成 ， 整 个 设置 时 间 大 概 不 超过 几 分 钟 。 
将 Default.aspx 设 为 起 始 页 后 运行 系统 。 


28.4 系统 的 目录 结构 


经 过 前 面 的 设置 ， 系 统 将 自动 生成 一 个 DynamicData 专用 目录 ， 并 在 这 个 目录 下 放置 
4 个 子 目 录 : Content、CustomPages、FieldTemplates、PageTemplates。 

每 个 子 目 录 下 面 放置 有 若干 不 同类 型 的 文件 ， 这 些 文件 的 作用 是 便于 集中 修改 初始 的 
设置 。 网 站 的 目录 结构 如 图 28.1 所 示 。 


日 - 阳 FiteruserControl.asex 

国 FiterUserControl asoc.cs 
日 - 困 6rdviewPager.asox 

国 ndvewpager asoeccs 
a Custonpages 


28.1 网 站 的 目录 结构 


28.5 ”系统 的 基本 功能 


经 过 前 面 的 设置 ， 系 统 已 经 具备 以 下 基本 功能 。 

@ 通用 的 显示 界面 。 

对 数据 表 进 行 显示 、 查 询 、 更 新 、 删 除 和 增添 的 操作 。 
输入 新 数据 时 自动 进行 验证 。 

各 数据 表 之 间 利 用 外 键 进行 连接 。 

对 通用 界面 和 功能 的 快速 修改 和 完善 。 

在 网 页 中 自动 实现 Ajax 功能 。 

其 分 页 控制 的 界面 如 图 28.2 所 示 。 


M 4 Pagel[ll |of216 » 有 每 页 结果 数 : [10 | 


28.2 ”分 页 控制 的 界面 
其 多 条 件 组 合 查 询 的 界面 如 图 28.3 所 示 。 
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图 28.3 多 条 件 组 合 查询 界面 
数据 表 的 上 面 自动 出 现 了 多 个 下 拉 列 表 框 ， 以 使 进行 组 合 查 询 。 数 据 表 中 所 有 的 逻辑 
类 型 变量 都 自动 用 CheckBox 控件 奉 代 。 
数据 表 之 间 的 关系 ,在 O/R 设计 视图 中 用 线条 表示 ， 在 数据 表 中 用 外 键 字段 来 表 
示 。 如 果 在 数据 库 中 已 经 建立 了 多 表 之 间 的 关系 ， 这 些 关 系 将 跟随 数据 表 一 起 带 进 O/R 
视图 或 表格 中 来 。 在 数据 表 中 的 关系 如 图 28.4 所 示 。 如 果 在 数据 库 中 没有 建立 关系 时 ， 
也 可 以 利用 O/R 设计 视图 的 工具 箱 中 的 “关联 ”线段 来 建立 关系 。 


动态 数据 站 点 
《 返回 主页 
Categories ea 
CategoryXase Products 
Ee 
凯 , 守信 至 
要 下 
和 志 报 3 
人 F< 一 一 可 给 Categories 表 插入 新 项 


图 28.4 ”通过 外 键 字 段 显示 连接 
通常 情况 下 ， 数 据 表 的 编辑 在 GridView 控件 中 进行 ， 增 添 新 记录 的 功能 在 
DetailsView 控件 中 进行 ， 其 界面 如 图 28.5 所 示 。 
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nu 


图 28.5 数据 表 编辑 界面 
28.6 ”修改 系统 的 方法 


为 了 便于 对 生成 的 结果 进行 修改 ， 系 统 提供 了 集中 修改 的 工具 。 

(1) 对 外 观 的 修改 主要 通过 各 自 的 CSS 进行 。 

(2) 对 字段 的 集中 修改 。 系 统 通过 用 户 控 件 对 数据 表 中 的 字段 进行 定义 ， 并 将 不 同类 
型 的 定义 文件 集中 放 在 FieldTemplates 目录 下 。 这 样 做 的 好 处 ， 一 是 可 以 集中 修改 ， 二 是 
能 够 保持 各 网 页 显示 风格 一 致 。FieldTemplates 的 目录 结构 如 图 28.6 所 示 。 

日 BB riddreplates 

由 大 xu 让 Ca 
困 childtren ascx 
困 DateTine ascx 
国 DateTine Edit. ascx 
BE) Decinal_Edit asex 
困 rorsiekey ascx 
困 Foresiemkey Edit.ascx 
困 Integer_zdit asex 
困 WultilineText_Edit. asc 
国 Text ascx 


轩 Text_zait wscx 
28.6 域 模板 目录 


下 面 举例 说 明 修改 默认 设置 的 方法 。 

例 28.1 对 字符 串 格式 的 修改 。 

Text.ascx 用 来 定义 字符 串 的 显示 格式 ; Text_Edit.ascx 用 来 定义 编辑 或 插入 字符 串 时 
的 显示 格式 。 例 如 打开 Text Editascx 文件 ， 将 TextBox 控件 的 底 色 设 为 黄色 
(BackColor="Yellow")。 修 改 后 的 代码 如 下 。 

<asp:TextBox ID="TextBox]l" BackColor="Yellow" runat="server" Text-'# 

FieldValueEditstring [9 CssClass="droplist"></asp:TextBox> 

此 后 不 论 对 哪 张 表 格 进行 编辑 时 ， 字 符 串 类 型 控件 的 底 色 都 用 黄色 显示 。 

例 28.2 ”对 时 间 类 型 数据 的 修改 。 

对 时 间 类 型 数据 的 修改 可 以 选用 以 下 模板 。 

@ DateTime.ascx. 当时 间 用 字符 串 显示 时 ， 使 用 此 模板 进行 编辑 。 

@ DateTime Edit.ascx. 用 于 在 TextBox 控件 中 显示 时 间 而 且 不 允许 为 空 (nulD 时 。 


二 图 用 用 采用 用 四 


四 用 应 四 
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因为 此 模板 实际 上 包括 有 RequiredFieldValidator 的 校 验 功能 。 

例 28.3 对 数据 表 视图 的 修改 。 

对 网 页 视图 的 修改 可 在 页 模板 PageTemplates 中 进行 。 此 目录 下 是 各 网 页 中 数据 表 的 
视图 。 默 认 情况 下 系统 使 用 的 是 List.aspx、Details.aspx、Edit.aspx、JInsert.aspx 网 页 ， 并 
对 这 些 网 页 提供 了 默认 的 界面 。 

打开 PageTemplates 目录 时 可 以 看 见 5 种 网 页 的 视图 ， 如 图 28.7 所 示 。 

Details.aspx: 父 / 子 网 页 的 界面 。 

Edit.aspx: 编辑 时 网 页 的 界面 。 

Insert.aspx: 插入 新 记录 时 网 页 的 界面 。 

List.aspx: 列表 时 网 页 的 界面 。 

ListDetails.aspx: 列表 及 父 / 子 综合 网 页 的 界面 。 

当 修 改 了 其 中 某 种 视图 后 ， 程 序 运 行 中 进入 该 状态 时 即 按照 修改 后 的 视图 显示 界面 。 


| 日 BB PageTenplates 
国 Details. aspx | 

| Edit. aspx 

| 图 Pdit. aspx. cs 

| 日 国 Insert. aspx 


Insert. aspx. cs 


问 List. aspx. cs | 
国 ListDetails. aspx 


图 28.7 不 同类 型 网 页 的 视图 
28.7 小 结 


快速 创建 数据 驱动 网 站 是 LINQ to SQL 应 用 的 扩展 ， 系 统 提 供 的 支架 以 及 增强 的 
Global.asax 文件 是 快速 创建 的 关键 工具 。 在 这 些 工 具 的 支持 下 ， 能 够 用 最 快 的 速度 创建 一 
个 具有 基本 功能 和 标准 显示 界面 的 系统 ， 这 是 系统 的 最 大 特点 和 优点 。 但 是 ， 由 于 这 个 系 
统 是 用 通用 模板 创建 的 ， 因 此 还 缺乏 个 性 ， 这 是 系统 的 一 大 缺点 。 

为 此 ， 系 统 还 提供 了 方便 于 设计 者 修改 的 方法 ， 就 是 将 各 类 项 目 放 在 专用 目录 下 允许 
进行 集中 修改 。 有 了 一 个 具有 基本 功能 、 基 本 界面 且 能 够 运行 的 系统 ， 使 用 者 与 设计 者 就 
有 了 一 个 讨论 的 基础 ， 修 改 和 完善 系统 将 变 得 更 加 容易 ， 使 用 者 与 设计 者 的 配合 将 更 加 


28.8 习 题 
1. 填空 题 
(1) 快速 创建 动态 数据 网 站 时 ， 选 择 数据 模型 是 在 文件 中 释放 或 屏蔽 几 个 
字段 即 可 。 


(2) 在 快速 创建 的 数据 表 中 所 有 的 逻辑 变量 都 用 控件 代替 。 
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2. 判断 题 

(1) 默认 情况 下 快速 创建 的 数据 表 都 具有 Ajax 功能 。 

(2) 支架 自动 提供 了 标准 的 显示 界面 。 

(3) 支架 自动 提供 了 对 数据 表 的 操作 。 

(4) FieldTemplates 用 来 修改 某 个 域 的 显示 界面 。 

3. 简 答 题 

(1) 支架 的 作用 是 什么 ? 

(2) 快速 创建 的 数据 网 站 中 FieldTemplates( 域 模板 ) 的 作用 是 什么 ? 

(3) 快速 创建 数据 网 站 中 支架 起 什么 作用 ? 

(4) 快速 创建 数据 驱动 网 站 的 优点 和 缺点 是 什么 ? 

4. 操作 题 

(1) 先 创建 一 个 学 生成 绩 管 理 数据 库 ， 然 后 用 快速 创建 数据 驱动 的 方法 创建 学 生成 绩 
管理 系统 。 

(2) 修改 学 生 管理 系统 的 界面 。 

(3) 增加 学 生成 绩 与 教师 情况 表 的 连接 。 


一 一 一 一 
Ne a et a 
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电子 商务 网 站 与 传统 的 商店 不 同 。 在 传统 的 商店 中 除 有 商品 以 外 ， 还 必须 要 有 店 房 、 
门面 和 货架 等 。 而 电子 商务 网 站 主要 依靠 网 络 技术 来 完成 商品 的 展示 和 交易 等 项 工作 ， 在 
电子 商务 网 站 中 既 没有 店 房 、 门 面 也 没有 货架 ， 因 此 电子 商务 网 站 常常 被 称 为 “虚拟 ” 
商店 。 

电子 商务 网 站 是 Web 应 用 中 比较 广泛 而 又 比较 复杂 的 系统 ， 它 涉及 的 问题 很 多 ， 但 
都 离 不 开 利用 网 络 进行 商品 展示 、 客 户 选 购 、 生 成 购 货车 、 集 中 结账 、 生 成 订单 等 几 个 基 
本 环节 。 本 章 将 重点 围绕 这 几 个 基本 环节 来 讲解 电子 商务 网 站 的 设计 。 

电子 商务 网 站 的 类 型 很 多 ， 本 章 选 择 两 种 比较 典型 的 类 型 进行 讲授 。 

@ 食品 商店 网 站 设计 。 

@ 服装 商店 网 站 设计 。 

@ 账户 管理 。 


29.1 食品 商店 网 站 设计 


食品 、 报 刊 、 图 书 等 网 站 具有 很 多 相似 的 特点 。 下 面 以 食品 商店 为 代表 来 讲解 创建 这 
类 网 站 的 方法 。 
29.1.1 概述 

1. Northwind 样板 库 简介 

SQL Server 提供 的 Northwind 样板 库 是 一 个 虚拟 的 国外 食品 公司 的 数据 库 ， 我 们 将 利 
用 这 个 数据 库 ( 加 以 简化 ) 来 创建 自己 的 食品 商店 网 站 。 下 面 先 对 Northwind 样板 库 做 一 个 
简单 的 介绍 。 

Northwind 样板 库 包 括 十 几 张 数据 表 ， 各 表 的 关联 以 及 数据 表 中 的 字段 如 图 29.1 
所 示 。 

Northwind 样板 库 的 数据 表 包 括 以 下 4 部 分 。 

@ ”订单 部 分 : 包含 订单 表 (Orders)、 订 单 细 目 (Order Details)、 运 货 者 (Shippers)。 

@ 产品 部 分 : 包括 类 型 表 (Categories)、 产 品 表 (Products)、 供 货 单位 (Suppliers)。 

@ 雇员 信息 部 分 : 包括 有 关 雇 员 (Employees) 的 4 张 表 。 

@ ”顾客 信息 : 包括 顾客 表 (Customers) 等 。 

本 章 将 集中 讲述 与 订单 相关 的 部 分 ， 除 此 以 外 还 需要 在 数据 库 中 自行 建立 一 个 简化 的 
订单 表 ， 订 单 表 的 结构 将 在 下 面 讲述 。 
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Teritories Regon 
(地 区 ) 位 “行政 区 ) 
TenitoyID RegionlD 
TenitoryID Description | | RegionDescription 
RegionlD 


Employees 
(雇员 ) 
EmployeesID 
LastHame 
FistName 
Title 
TitlaOfCourtesy 
BithDate 
HireDate 
Address 
City 
Region 
Postal Code 
Country 


1 
Exployee Tertories 
( 雇员 的 地 区 ) 
EmployeelD 
TenmitoryID 


Customers 
〈 顾客 ) 

CustomexID 
CompanyName 
ContactName 
ContactTitle 
Address 
City 
Region 
PostalCade 
Country 
Phone 
Fax 


Shippers 
( 运 货 者 ) 
ShippedD 
CompanyName 
Phone 


Suppliers 
( 供 货 单位 ? 
SupplielD 
CompanyName 
ContactName 
ContactTitle 


图 29.1 Northwind 样板 库 中 数据 表 的 结构 及 相互 关系 
2. 本 系统 的 功能 
本 系统 是 一 个 食品 商店 的 小 型 网 站 ， 为 了 使 问题 变 得 简明 扼要 ， 只 讲述 以 下 几 个 核心 
问题 。 
主页 面 设计 。 
商品 的 分 类 显示 。 
选 购 和 调整 购 货车 。 
集中 结算 。 
存储 订单 。 
查看 订单 。 
网 站 涉及 5 种 网 页 ， 各 网 页 的 功能 如 图 29.2 所 示 。 


主 界面 | 一 "| 商品 分 类 显示 | "| 购 货车 | | 结账 | 查看 订单 


图 29.2 网 页 间 的 联系 
各 网 页 的 内 部 结构 及 相互 关系 如 图 29.3 所 示 。 
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Categories 数 磊 表 


Session["khbj"] 
购 货车 . aspx 账 aspz 查看 订单 . aspx 


产品 . aspx 
| Products 数 据 表 


Session[“ShoppineCart"] 


Session[“ShoppineCart2"] 


图 29.3 ”网 页 结构 及 信息 的 传递 过 程 

理解 系统 的 关键 是 搞 清 GridView、 内 存 数据 表 与 Session 对 象 三 者 之 间 的 关系 。 系 统 
的 执行 过 程 是 : 打开 主 界面 ( 主 界面 这 里 没有 画 )， 显 示 商 品 分 类 以 及 欢迎 界面 ;在 分 类 数 
据 表 (Categories) 中 任 选 一 种 数据 类 型 ， 同 步 打开 “产品 .aspx” 网 页 ， 用 GridView 控件 分 
类 显示 Products 数据 表 中 相应 的 商品 ， 单 击 想 要 购买 的 商品 将 该 商品 的 数据 取出 来 ， 放 到 
下 面 的 动态 数据 表 中 (数据 表 用 虚线 画 的 长 方形 表示 )， 然 后 再 将 数据 表 放 入 “ 购 货车 ” 
中 ， 这 里 的 购 货车 用 Session["ShoppingCart"] 表 示 ; 打开 “ 购 货 车 .aspx ”网 页 ， 控 件 
GridView 以 Session["ShoppingCart"] 作 为 数据 源 显示 数据 ， 在 新 网 页 中 确定 购买 的 数量 ， 
并 输入 “客户 标志 ”; 与 此 同时 生成 新 的 内 存 数据 表 ， 并 将 新 数据 表 存 入 新 的 
Session["ShoppingCart2"] 中 ; 打开 “结账 .aspx” 网 页 ， 以 新 Session 对 象 作为 数据 源 在 
GridView 控件 中 显示 数据 ， 同 时 通过 Session["khbj"] 将 客户 标志 传 入 到 网 页 中 ， 在 “ 结 
账 ” 网 页 中 完成 计算 总 价 的 工作 ， 最 后 存 入 订单 ; 在 “查看 订单 .aspx” 网 页 中 以 客户 标志 
作为 查询 条 件 显示 订单 ， 以 便 只 显示 客户 本 人 的 订单 部 分 。 

在 上 述 各 个 阶段 中 ， 都 允许 客户 对 数据 进行 选择 和 修改 。 除 开始 阶段 和 最 后 阶段 需要 
直接 存 取 数据 库 以 外 ， 其 他 部 分 均 采 用 内 存 动态 数据 表 来 组 织 数据 ， 这 样 做 可 以 提高 系统 
的 运行 效率 。 

客户 标志 是 识别 客户 的 唯一 标志 ， 平 时 存放 在 客户 登录 表 中 ， 包 括 有 联系 地 址 、 联 系 
方法 等 。 

3. 主要 数据 表 的 结构 及 其 他 准备 工作 

产品 类 型 表 、 产 品 表 、 订 单 表 如 表 29.1、 表 29.2 和 表 29.3 所 示 。 

表 29.1 产品 类 型 表 


字段 名 
CategoryID( 类 型 标志 ) 
CategoryName( 类 型 名 ) 


int 4 
nvarchar 15 
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表 29.2 产品 表 
字段 名 类 型 
ProductID( 产 品 标志 ) int 4 
ProductName( 产 品名 称 ) nvarchar 40 
CategoryID( 类 型 标志 ) int 4 
QuantityPerUnit( 单 位 数量 ) nvarchar 20 
UnitPrice( 单 价 ) money 8 
表 29.3 订单 表 
字段 名 类 型 
客户 ID nvarchar 20 
订单 ID int4 
产品 ID int 4 
产品 名 称 nvarchar 40 
单位 数量 nvarchar 20 
单价 numeric 
订购 量 int 4 
订购 时 间 datetime 8 


其 中 产品 类 型 表 和 产品 表 分 别 直 接 采 用 SQL Server 中 的 样板 库 Northwind 中 的 
Categories 表 和 Products 表 。 简 化 的 订单 表 则 需要 自行 创建 。 


4. 其 他 准备 工作 

为 了 便于 网 站 管理 ， 先 在 网 站 中 设置 几 个 子 目 录 ， 分 配 客户 的 角色 ， 确 定 访问 策略 。 
具体 做 法 见 第 21 章 。 
29.1.2 主 界面 设计 


为 了 使 得 系统 具有 很 好 的 可 重用 性 和 可 维护 性 ， 应 该 尽 可 能 使 用 用 户 控件 (User 
Control) 和 母 版 页 (Master Page) 以 便 发 挥 代码 重用 的 优势 以 减少 重复 劳动 ， 并 且 使 得 各 个 网 
页 的 显示 风格 一 致 。 


1. 创建 用 户 控件 

商店 的 商标 、 网 页 之 间 链 接 的 图 标 以 及 查询 部 分 是 大 多 数 网 页 都 需要 显示 的 部 分 ， 可 
以 先 将 其 建成 用 户 控 件 。 例 如 这 里 将 商店 商标 、 儿 个 网 站 浏览 的 控件 yperLink) 以 及 查询 
界面 等 分 别 做 成 用 户 控 件 。 用 户 控 件 中 的 代码 可 以 以 后 再 补充 上 去 。 

2. 创建 母 版 页 

先 创建 母 版 页 然后 再 创建 模板 中 的 网 页 比较 方便 。 母 版 页 的 布局 如 图 29.4 所 示 。 
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3 ssw 主页 购 货 车 结账 订单 查询， 


选择 类 型 ID ”类 型 名 Contentplacehbkder - Conteniplacehalderl 


商品 数据 绑 定 数据 绑 定 
商品 教 据 绑 定 数据 绑 定 
商品 数据 绑 定 数据 绑 定 


可 商品 数据 绑 定 数据 绑 定 


商品 数据 绑 定 数据 绑 定 
batasource -Sabatssoureet | 


图 29.4 母 版 页 的 布局 
母 版 页 的 上 方 放 的 是 用 户 控件 ， 左 下 方 放 的 是 GridView 控件 ， 该 控件 与 类 型 表 
(Categories) 进 行 数据 绑 定 ， 右 下 方 是 给 各 网 页 留 下 的 空间 。 
3. 设计 主页 
主页 是 客户 访问 的 第 一 个 页 面 ， 可 以 给 客户 提供 第 一 印象 。 它 的 主要 任务 是 吸引 客户 
并 引导 客户 打开 选 购 界 面 。 一 个 好 的 主页 应 该 生动 、 清 晰 ， 能 够 激发 客户 购买 的 兴趣 。 
在 母 版 页 中 生成 一 个 主页 ， 设 计 欢 迎 界面 ， 其 简要 情况 如 图 29.5 所 示 。 


0 en 


aa 


i i 欢迎 选 购 ! 


29.5 ”欢迎 界面 


在 母 版 页 中 分 别 再 生成 其 他 网 页 。 例 如 “商品 .aspx”、“ 购 货车 .aspx”、“ 结 
账 .aspx”、“ 订 单 .aspx” 等 。 这 些 网 页 的 内 容 可 以 以 后 再 补充 。 在 用 户 控 件 中 将 链接 指 
针 分 别 与 各 个 网 页 链接 。 

4. 产品 类 型 与 产品 目录 之 间 同 步 

为 了 使 得 产品 类 型 表 与 产品 表 之 间 取 得 同步 ， 在 显示 类 型 的 GridView 的 Column 属 
性 中 增添 一 “ 超 链接 列 ”， 并 且 为 此 列 设置 同步 所 需 的 URL、“URL 字段 ”、“URL 格 
式 字符 串 ” 等 ， 使 得 单 击 该 超 链接 按钮 时 向 子 表 传送 出 同步 字段 CategoryID 。 有 具体 设置 情 
况 如 图 29.6 所 示 。 
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图 29.6 在 类 型 表 中 设置 同步 字段 


在 产品 表 的 网 页 中 利用 QueryString 设置 查询 语句 ， 以 便 根 据 属 性 表 传 来 的 参数 进行 
查询 ， 以 达到 两 表 同 步 的 目的 。 在 产品 表 中 设置 查询 语句 时 的 设置 如 图 29.7 所 示 。 


添加 wHERE 子 句 


图 29.7 在 产品 表 中 建立 同步 关系 
两 表 同步 的 结果 如 图 29.8 所 示 。 


让 下 ww = was | 
| 选择 ”产品 mp 产品 名 ”类 型 mp 单元 数量 单价 | 
等 往 24 竹 190000 


选 购 3 雪 s 

选 购 龙虾 3 等 箱 24 狂 。 48.0000 
送 购 17 是 洲 s 短 箱 24 验 19.0000 
送 购 19 往 参 8 每 箱 24 瓶 19.0000 
选 最 28 鲍鱼 a 每 箱 24 首 19 0000 
选 罗 2 二 由 a 每 箱 24 首 19 0000 


图 29.8 两 表 之 间 的 同步 显示 
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29.1.3 选择 商品 


为 了 选择 商品 ， 在 产品 表 中 的 栏目 (Columnm) 中 增加 一 按钮 (Button)， 并 且 在 它 的 
CommdName 属性 中 取 名 为 select( 也 可 以 取 其 他 名 字 )。 当 单 击 该 按钮 时 ， 将 该 产品 的 副本 
取出 来 动态 生成 数据 表 ， 利 用 这 个 动态 数据 表 来 生成 购 货车 。 

为 了 生成 这 个 数据 表 ， 需 要 解决 以 下 三 个 问题 。 

@ 单 击 按钮 时 将 触发 什么 事件 。 

@ ”如 何 提取 GridView 控件 中 的 数据 。 

@ ”如 何 创建 动态 数据 表 并 将 取出 的 数据 放 入 其 中 。 

1. 选择 按钮 触发 的 事件 

GridView 控件 中 的 RowCommand 事件 ， 是 GridView 控件 内 任 一 按钮 都 将 触发 的 事 
件 。 因 此 在 使 用 这 个 事件 时 ， 先 要 判断 当前 单 击 的 是 哪个 按钮 。 判 断 的 方法 是 根据 按钮 的 
命令 名 ， 语 句 如 下 。 


if (e.CommandName==" 按 钮 命令 名 ") 
bad 


2. 取出 相关 的 数据 
根据 单 击 的 行 以 及 在 GridView 中 的 列 ， 可 以 取出 相应 的 数据 。 确 定单 击 行 的 语 
句 如 下 。 


int index = Convert.ToInt32 (e.CommandRrgument) 7 
GridViewRow row = GridView1.Rows [index]7 


取出 某 列 的 语句 如 下 。 


String bhText 
string mcText 


上 述 语 句 提取 出 单 击 的 行 中 第 二 列 和 第 三 列 中 的 数据 ( 列 的 序号 从 0 开始 )。 


29.1.4 创建 购 货 
1. 动态 生成 内 存 数据 表 


下 面 将 用 Session["ShoppingCart"] 代 表 购 货车 。 为 了 创建 购 货车 ， 先 动态 生成 内 存 数 
据 表 ， 然 后 将 数据 表 放 入 购 货车 中 。 
为 此 先 定义 数据 表 的 结构 ， 即 定义 数据 表 各 列 的 数据 类 型 及 标题 。 语 句 如 下 。 
System.Data.DataTable Cart = new System.Data.DataTable () ;// 定 义 数据 表 对 象 
if (e.CommandName == "select") 
if (Session["ShoppingCart"] == null) 


Fow.Cells[1] .Text; 
row.Cells[2] .Text; 


Cart .Columns .Add ("商品 编号 "，typeof (int)); 
// 确 定 各 列 的 标题 及 类 型 
Cart .Columns .Add ("商品 名 称 "，typeof (string)); 
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Cart .Columns .Add ("单元 含量 "，typeof (string) ) ; 
Cart .Columns .Add ("单价 "，typeof (double)); 
Session["ShoppingCart"] = Cart; 


} 

// 再 取出 各 列 的 数据 ， 同 时 进行 类 型 转换 

Cart = (System.Data.DataTable)Session["ShoppingCart"]7 
int index = Convert.ToInt32(e.CommandArgument); 
GridViewRow row = GridViewl.Rows [index]7 


} 


string bhText 
string mcText 
string dyText 
string djText 


= Tow.Cells[1] .Text7 
= Tow.Cells[2] .Text7 
= Tow.Cells[4] .Text7 
= Frow.Cells[5] .Text7 


int bh = int.Parse (bhText); 

double dj = double.Parse (djText); 

// 然 后 增加 数据 行 ， 并 将 数据 填 入 该 行 的 各 列 之 中 
System.Data.DataRow rr = Cart.NewRow(); 


rr[" 商 品 编号 "] =bh; 


rr[" 商 品名 称 "] = mcText; 
rr[" 单 元 含量 "] = dyText; 
rr[" 单 价 "] = qj; 


Cart.Rows.Add(rr); // 将 新 行 加 入 数据 表 中 
Session["ShoppingCart"] = Cart; 
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由 于 在 默认 情况 下 ， 网 页 之 间 不 保持 状态 ， 当 选择 多 行 时 ， 购 货车 中 只 会 保留 最 后 的 
选择 。 为 了 能 够 在 购 货车 中 保留 多 项 选择 ， 需 要 利用 Session 对 象 来 保持 状态 。 语 名 


如 下 。 


if(Session["ShoppingCart"]==nul1) 


{ 


{ 
Ca 


rt = new DataTab 


le(); 


Session["ShoppingCart"]=Cart; 


} 


Cart = (System.Data.DataTable)Session["ShoppingCart"]; 
综 上 所 述 ， 创 建 内 存 数据 表 的 完整 代码 如 下 。 


<script runat="server"> 
void GridView]l RowCommand (object sender, GridViewCommandEventArgs e) 


System.Data.DataTable Cart = new System.Data.DataTable(); 
// 生 成 内 存 数据 表 对 象 


if (e.CommandName == "select") 


if (Session["ShoppingCart"] == null) // 定义 数据 表 结构 


i 
Cart .Columns 
Cart .Columns 
Cart .Columns 
Cart .Columns 


.Rdd ("商品 编号 "，typeof (int)); 
.Add ("商品 名 称 "，typeof (string) ) ; 
.Add ("单元 含量 "，typeof (string)); 
.Add ("单价 "，typeof (double)); 


Session["ShoppingCart"] = Cart; 
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} 

Cart = (System.Data.DataTable) Session["ShoppingCart"]; 

int index=Convert.ToInt32 (e.CommandArgument); // 确 定单 击 的 行 
GridViewRow row = GridView]l.Rows[index]; 

string bhText = row.Cells[1] .Text; // 取 出 列 中 的 数据 
string mcText = row.Cells[2].Text; 

string dyText = row.Cells[4] .Text; 

string djText = row.Cells[5].Text; 

int bh = int.Parse (bhText); / /数据 的 类 型 转换 
double dj = double.Parse (djText); 

System.Data.DataRow rr = Cart.NewRow(); 

rr[" 商 品 编号 "] =bh; // 将 取出 的 数据 放 入 数据 表 中 
rr[" 商 品名 称 "] = mcText; 

rr[" 单 元 含量 "] = dyText; 

rr[" 单 价 "] = qj; 

Cart.Rows.Add (rr); // 将 新 行 加 入 数据 表 中 
Session["ShoppingCart"] = Cart; // 将 数据 表 放 入 Session 中 


} 
} 
</script> 


2. 显示 购 货车 的 网 页 设计 


在 显示 购 货车 的 网 页 中 将 Session["ShoppingCart"] 作 为 数据 源 显示 在 GridView 中 ， 语 
名 如 下 。 


Private void Page Load (object sender, System.EventArgs e) 
| 
GridViewl .DataSource= Session["ShoppingCart"]; 
DataBind() 7 
} 


购 货车 窗 体 的 界面 如 图 29.9 所 示 。 


局 广电 G 主页 移 贷 车 洁 屿 订单 查询 ， 
选择 类 型 my 类 型 名 。 | 客户 户 标 :2 


Fem 


商品 2 调味 品 

商品 5 。 公物 关 “| 购买 数量。 商品 编号 商品 名 称 单元 含量 单价 
和 | 

商品 7 农产品 | 下 认 PF 9 龙虾 每 箱 24 产 ”48 
商品 5 肉 ， 衣 离 

商品 4 彰 补 品 和 

画 吕 3 往 呆 ， 恒 针 确认 19 19 海参 每 箱 24 凑 19 
商品 1 


确认 下 5 将 油 每 箱 24 关 ”29 


图 29.9 购 货车 的 窗 体 界面 
在 本 窗 体 中 增加 了 以 下 设置 。 
(1) 增加 了 客户 标记 的 输入 窗口 (TextBox 控件 )。 客 户 标记 必须 唯一 、 可 靠 ， 根 据 该 
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标记 能 够 与 客户 联系 ， 确 定 发 货 的 方法 和 地 址 ， 为 此 要 增加 RequiredFieldValidator 校 验 控 


件 ， 以 防止 输入 中 遗漏 。 


(2) 在 GridView 的 【编辑 列 】 中 增加 一 个 按钮 ， 并 为 它 的 CommandName 属性 命名 
(例如 命名 为 buy)， 以 便 确 认 选择 项 。 
(3) 在 GridView 的 【编辑 列 】 中 增加 一 个 模板 列 ， 将 TextBox 控件 放 入 


ItemTemplate 模板 中 ， 以 便 输 入 购买 数量 。 先 将 其 默认 值 设 为 1。 


(4) 在 窗 体 页 的 Page_Load 事件 中 加 上 判断 条 件 : if(!IsPostBack) { .… }。 
IsPostBack 属性 是 用 来 区 分 网 页 是 第 一 次 被 打开 ， 还 是 后 续 打开 (事件 处 理 后 的 返 
回 )。 当 网 页 为 后 续 打 开 时 ， 该 属性 为 tue， 和 否则 为 false。 


ifE(!IsPostBack) 


{ 


// 执行 语句 


} 


代码 表明 只 有 网 页 第 一 次 (不 是 后 续 ) 打 开 时 才 执行 大 括号 中 的 语句 。 


在 本 网 页 中 应 写 入 以 下 代码 。 


Private void Page Load (object sender, System.EventArgs e) 


{ 


if(!IsPostBack) 


{ 


GridView1.DataSource= Session["ShoppingCart"]; 


DataBind() 7 


} 
} 


这 表明 只 有 第 一 次 打开 网 页 时 ，GridViewl 的 数据 源 来 自 Session[...]， 后 续 连 接 时 不 
再 受 Session[...] 的 限制 ， 因 而 允许 修改 购买 的 数量 。 


(5) 数据 表 中 增添 了 几 个 字段 。 如 订购 数量 、 


合计 等 ( 见 后 面 的 代码 )， 以 便 与 订单 表 


- 致 ， 因 此 需要 为 新 数据 表 使 用 另 一 个 Session 对 象 (这 里 使 用 ShoppingCart2)。 
在 GridView 的 RowCommand 事件 中 编写 如 下 代码 。 


void GridViewl RowCommand (object sender, GridViewCommandEventArgs e) 


{ 


System.Data.DataTable Cart = new System.Data.DataTable();// 生 成 数据 表 
if (e.CommandName == "buy") 


. 


if (Session["ShoppingCart2"] == null) 


{ 


Cart 


Cart 


Cart 


.Columns 
Cart. 
Cart. 


-Columns 


.Rdd(" 商 品 编号 "，typeof (int) ) 7 
Columns . 
Columns . 
-Columns 
Cart. 
Cart. 


Rdd ("商品 名 称 "，typeof (string) ) 7 
Aqq ("单元 含量 "，typeof (string) ) 7 


.Adq ("单价 "，typeof (double)); 
Columns. 
Columns. 
.Add ("合计 "，typeof (double)); 


Add ("订购 数量 "，typeof (int) ) 7 
Add ("折扣 "，typeof (double)); 


Session["ShoppingCart2"] = Cart; 


// 建 立 数据 表 结构 
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Cart = (System.Data.DataTable)Session["ShoppingCart2"]; 
if (TextBox2.Text == "") // 输 入 客户 标志 

Validate () 7 // 调 用 校 验 控件 进行 校 验 

} 
el1se 

长 

Session["khbj"] = TextBox2.Text; 

int index = Convert.ToInt32(e.CommandArgument); 
GridViewRow row = GridViewl]l.Rows[index]; 

TextBox tt = (System.Web.UI.WebControls.TextBox)row.Cells[1] .FindControl 

("TextBox1"); 

string dgl = tt.Text; 

int dg = int.Parse(dgl); 

if (dg <= 1) dg = 1; // 车 购 货 量 小 于 1 时 ， 定 为 1 
string bhText = row.Cells[2] .Text; 

string mcText = row.Cells[3] .Text; 

string dyText = row.Cells[4] .Text; 

string djText = row.Cells[5] .Text; 

int bh = int.Parse (bhText); 

double dj = double.Parse (djText); 


System.Data.DataRow rr = Cart.NewRow(); 


rr[" 商 品 编号 "]=bh; 


rr[" 商 品名 称 " mcText; 
rr[" 单 元 含量 "] = dyText; 
rr[" 单 价 "] = dj; 
rr[" 订 购 数 量 "] = dg; 
int zk = 1; 

rr[" 折 扣 "] = zk; 


double hj = dj * dg * zk;  // 合 计 使 用 三 者 的 乘积 
rr[" 合 计 "] = hj; 
Cart.Rows.Add (rr); 
Session["ShoppingCart2"] = Cart; 
} 
} 
} 


29.1.5 ”结账 


1. 结账 网 页 的 数据 显示 

在 结账 网 页 中 的 GridView 控件 应 该 以 Session["ShoppingCart2"] 作 为 数据 源 来 显示 数 
据 ， 除 此 而 外 还 应 该 将 客户 标记 显示 出 来 ， 并 且 使 用 这 !isPostBaclo{.…} 判 断 语句 ， 以 便 
客户 对 某 些 可 选 的 参数 进行 选择 。 其 语句 如 下 。 


GridViewl .DataSource = Session["ShoppingCart2"]; 


2. 在 GridView 控件 中 增加 复 选 框 
为 了 允许 客户 在 结账 时 有 机 会 对 自己 的 选择 做 进一步 调整 ， 可 以 在 结账 界面 的 每 条 记 
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录 前 面 增加 一 复 选 框 。 默 认 情况 下 这 些 复 选 框 都 被 选中 ， 如 果 想 撤销 该 项 选择 时 ， 只 须 取 
消 该 复 选 框 的 选择 即 可 ， 订 单 表 中 将 不 会 存 入 被 取消 的 选项 。 

为 了 增加 复 选 框 ， 需 要 在 GridView 中 通过 Column 属性 增添 一 “模板 ”字段 ， 并 且 
在 模板 中 增添 复 选 框 控件 。 模 板 的 设置 代码 如 下 。 


<Columns> 
<asp:TemplateColumn HeaderText=" 保 存 "> 
<ItemTemplate> 
<center> 
<asp:CheckBox ID="Checkl" Checked="True" Runat="server" /> 
</center> 
</ItemTemplate> 
</asp:TemplateColumn> 
</Columns> 


结账 的 界面 如 图 29.10 所 示 。 


[= 主页 购 货 车 结账 订单 查询 

选择 类 型 m 类 型 名 | 

商品 2 调味 品 客户 标志 |eng BE | BR 

商品 5 答 物 奖 

商品 8 海鲜 确认 商品 编号 商品 名 称 单元 含量 单价 订购 数量 折扣 合计 
商品 7 农产品 民 9 龙虾 每 入 24 壮 48 9 1 | 
商品 6 肉 ， 家 离 5 19 海参 每 稳 24 瓶 19 19 1 | 了 
站 虽 4 于 5 5 首 油 每 入 2 着 29 a i | 45 
商品 3 粮 果 ， 宣 饮 

商品 1 饮 村 


图 29.10 ”结账 的 界面 
在 这 个 界面 中 ， 客 户 标志 和 表格 中 的 数据 均 从 上 一 个 网 页 传 来 。 在 结账 界面 主要 完成 
汇总 计算 以 及 将 订单 表 存 入 数据 库 的 操作 。 
3. 汇总 的 计算 


当 单 击 【 汇 总 】 按 钮 时 ， 文 本 框 中 将 显示 总 和 。 如 果 改 变 了 复 选 框 的 选择 ， 汇 总 的 结 
果 也 应 该 跟着 改变 。 为 了 进行 汇总 计算 ， 需 设置 循环 语句 ， 逐 条 检查 复 选 框 的 选择 状态 ， 
只 有 该 复 选 框 被 选中 时 ， 才 将 该 记录 的 数据 计 入 汇总 中 。 此 处 需要 用 到 的 类 和 方法 
如 下 。 

@ ”GridView1.Rows[ii]: 用 来 表示 GridView 控件 中 的 某 一 行 。 

@ FindControl(" 控 件 的 id") 方 法 : 用 来 在 当前 的 命名 容器 中 搜索 带 指 定 id 参数 的 服 

务 器 控件 。 

【汇总 】 按 钮 的 代码 如 下 。 

void Button2 Click(object sender, EventArgs e) 

{ 

double sum=0.0; 


for (int ii=0; ii < GridView].Rows.Count;ii++) 


{ 
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CheckBox CC 一 
(CheckBox)GridView1l.Rows[ii]l.Ccells[0].FindControl("CheckBoxl") 7 
if(cc.Checked) // 若 复 选 框 被 选中 


{ 
sum = sum + (double.Parse (GridView] .Rows[ii].Cells[7].Text)); 


’ 


} 
TextBox2.Text=sum.ToString (); // 显 示 汇 总 结果 


3: 
为 实现 复 选 框 的 功能 ， 在 Page_Load 事件 中 需要 做 一 些 改变 。 代 码 如 下 。 


void Page Load (object sender, EventArgs e) 


{ 
if (!IsPostBack) // 为 了 允许 对 复 选 框 的 修改 


TextBoxl.Text = (string)Session["khbj"]; // 显 示 客户 标记 


GridViewl.DataSource = Session["ShoppingCart2"];  // 连 接 数据 源 
GridView]l .DataBind(); 
} 

} 


29.1.6 ”保存 及 显示 订单 


1. 保存 订单 

如 果 客 户 对 结果 感到 满意 时 ， 可 单 击 【 存 入 订单 】 按 钮 ， 将 订单 存 入 数据 库 的 订单 表 
中 。 存 入 时 使 用 存储 过 程 ， 为 此 需要 先 建立 订单 表 ， 表 的 结构 如 前 面 所 示 ， 另 外 还 需要 在 
数据 库 端 创建 存储 过 程 ， 这 里 需要 创建 一 个 增加 新 记录 的 存储 过 程 。 使 用 的 语句 如 下 。 

INSERT INTO dbo. 订 单 表 (客户 ID， 产 品 ID， 产 品名 称 ， 单 位 数量 ， 单 价 ， 订 购 量 ， 订 购 时 

间 ) VALUES (@ 客 户 ID， 人 产品 TD，@ 产 品名 称 。，@ 单 位 数量 ，@ 单 价 ，@ 订 购 量 ，@ 订 购 时 间 ) ; 


在 数据 库 端 设置 的 存储 过 程 如 图 29.11 所 示 。 


文本 [T} 
EATE PROCEDURE cccc NewCartinsert 


@ 客 户 ID nvarcha{20] 
品 ID ink 


nt 
@i Waid dateTime 


SET NOCOUNT OFF; 
NSERT INTO dbo 订 单 表 了 户 ID. 产 品 ID. 产 品名 称 .单位 数量 .单价 .订购 量 ; 
0 


图 29.11 存 入 订单 的 存储 过 程 
为 了 调用 存储 过 程 ， 从 工具 箱 中 拖 入 一 个 SqlDataSource 控件 并 与 存储 过 程 连接 。 连 
接 过 程 中 最 大 的 不 同 点 是 对 待定 参数 赋值 的 方式 。 这 些 待定 参数 的 值 不 是 从 固定 的 控件 中 
读 取 ， 而 是 通过 循环 语句 从 GridView 控件 (代表 内 存 中 的 订单 ) 的 字段 中 获得 。 
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待定 参数 的 赋值 过 程 是 : 开始 对 GridView 控件 逐条 记录 进行 循环 ， 在 循环 语句 中 首 
先 取出 复 选 框 的 状态 ， 判 断 复 选 框 是 否 被 选中 ， 如 果 被 选中 ， 先 清除 原 有 参数 ， 然 后 给 各 
参数 赋值 ， 最 后 调用 存储 过 程 以 存 入 订单 。 具 体 的 代码 如 下 。 


void Buttonl Click(object sender, EventArgs e) 
{ 
for (int ii=0; ii<GridViewl.Rows.Count; ii++) / /循环 语 句 
{ 
// 先 判断 复 选 框 是 否 被 选择 
CheckBox 
cc= (CheckBox)GridView]l .Rows[ii].Cells[0] .FindControl ("CheckBox1"); 
if (cc.Checked) // 如 果 被 选中 则 取出 数据 存 入 数据 表 中 

{ 

SqlDataSourcel.InsertParameters.Clear (); 

SqlDataSourcel.InsertParameters.Rdd(" 客 户 ID", Session["Khbj"] .Tostring()); 

SqlDatasourcel.InsertParameters.Add ("产品 ID", 
GridViewl]l .Rows[ii] .Cells[1] .Text); 

SqlDatasourcel.InsertParameters.Add ("产品 名 称 "，GridViewl .Rows[ii]. 
Cells[2] .Text); 

SqlDataSourcel.InsertParameters .Add ("单位 数量 "，GridViewl .Rows[ii]. 
Cells[3] .Text); 

SqlDataSourcel.InsertParameters .Add ("单价 "，GridView]l .Rows[ii]. 
Cells[4] .Text); 

SqlDatasourcel.InsertParameters.Add ("订购 量 "， 
GridView]l .Rows[ii] .Cells[5] .Text); 

SqlDatasourcel.InsertParameters .Add ("订购 时 间 "，DateTime .Today. 
ToShortDatestring()); 

SqlDataSourcel.InsertCommand = "cccc.NewCartInsert"; 

Session["ccsj"] = DateTime. Today.ToShortDatestring(); 

SqlDataSsourcel.Insert (); 

} 

} 

} 


其 中 “Session["ccsj"] = DateTime. Today.ToShortDateString0 ”的 作用 是 将 存储 时 间 记 
入 Session 中 ， 以 便 查 看 订单 。NewCartInsert 为 存储 过 程 名 ，cece 为 存储 过 程 的 所 有 者 。 
默认 情况 下 所 有 者 为 dbo。 

2. 查看 订单 

为 了 保证 客户 只 能 查看 自己 的 订单 ， 订 单 的 显示 应 该 以 客户 标志 (Session["Khbj"]) 以 
及 当天 的 日 期 (Session["ccsj"]) 作 为 查询 条 件 。 为 此 在 “查看 订单 .aspx ”网 页 中 设置 
GridView 控件 ， 并 通过 数据 源 控件 利用 Session 设置 查询 条 件 (“ 客 户 ID” 与 “订购 时 
间 ”)。 设 置 的 方法 如 图 29.12 所 示 。 

利用 上 述 语句 可 以 查看 客户 当天 的 订单 。 除 此 而 外 ， 为 了 给 客户 最 后 的 修改 机 会 ， 还 
可 以 在 显示 订单 表 中 增加 【删除 】 按 钮 ， 允 许 客户 删除 自己 当天 的 订单 。 具 体 的 设置 方法 
此 处 不 再 著述 。 
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钱 冲 0 虹 人 条件 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参数 化 的 
其 怀 性 获 职 值 。 


SQL 表达 式 ; 值 : 
[EC eS 


WHERE 子 名 凶 ); 


' 值 
Session CKhbj") 
SessionCecesj") 


[客户 ID] = 8 客户 ID 
[订购 时 间 ] = 8 订购 时 间 


29.12 ”查看 订单 时 设置 查询 条 件 
最 后 显示 订单 的 界面 如 图 29.13 所 示 。 


每 箱 12 
| 装 2200|5 
| 每 外 2 公 | :oa 
| | | |3100|6 
| 每 包 2 公 
| | 920 |s 
| 斤 
| 
| 


6 | 内 | |2s00|7 


] ao4-54 
jeoooo 


29.13 ”显示 订单 示例 


29.1.7 ”放大 图 像 介绍 商品 的 方法 


在 前 面 的 商品 界面 中 ， 是 用 表格 来 显示 商品 的 。 采 用 这 种 形式 的 好 处 是 可 以 将 多 条 记 
录 集 中 在 一 起 ， 便 于 客户 进行 选择 、 比 较 。 对 于 食品 等 类 型 的 商品 来 说 ， 采 用 这 种 形式 比 
较 合 适 。 但 是 对 于 服装 、 首 饰 、 花 卉 等 类 型 的 商品 来 说 ， 这 种 形式 就 存在 着 较 大 的 缺陷 。 
因为 顾客 选择 这 类 商品 时 ， 外 观 常常 是 选择 的 主要 依据 。 虽 然 在 表格 中 也 能 插入 商品 的 图 
像 ， 但 由 于 受 表格 的 限制 ， 图 像 往往 比较 小 ， 不 能 满足 需要 。 

下 面 介绍 用 放大 图 像 并 结合 少量 文字 来 介绍 商品 的 方法 。 

为 此 增加 一 个 用 于 图 像 显示 的 网 页 (商品 2.aspx)， 该 网 页 与 原来 的 表格 形式 的 网 页 ( 商 
品 .aspx) 同 步 ，ProductID 是 两 表 的 同步 字段 。 在 显示 图 像 的 网 页 中 仍然 采用 GridView 控 
件 ， 因 为 利用 GridView 控件 时 ， 数 据 绑 定 和 数据 访问 都 非常 方便 。 但 另 一 方面 将 利用 控 
件 的 模板 来 摆脱 表格 的 限制 ， 以 充分 发 挥 模板 中 可 以 任意 布局 的 特点 ， 来 构建 需要 的 图 像 
界面 。 具 体 设 计 的 要 点 如 下 。 

(1) 在 Product 数据 表 中 增加 两 个 字段 : imagePath 和 description。 前 面 的 字段 用 来 存 
入 图 像 在 网 站 中 的 路 径 ， 后 面 的 字段 用 来 存 入 对 商品 的 简要 描述 。 
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(2) 在 原来 “商品 .aspx” 网 页 的 GridView 控件 中 增加 一 个 HyperLink 字段 ， 以 便 与 
图 像 网 页 (商品 2.aspx) 进 行 同 步 ， 同 步 的 字段 是 ProductID。 新 字段 属性 的 设置 如 图 29.14 
所 示 。 


29.14 ”在 商品 的 表格 中 增加 同步 字段 


注意 将 同步 字段 的 Target 属性 设 为 “_blank”( 这 一 点 图 上 没有 显示 )， 即 同步 时 将 新 
网 页 放 在 一 个 打开 的 空 窗 体 中 。 

(3) 打开 新 网 页 (商品 2.aspx)， 并 在 新 网 页 中 放 入 GridView 1 控件 ， 通 过 数据 源 控 件 
(SqlDataSourcel) 与 Product 数据 表 相 连 。 作 为 子 表 ， 通 过 ProductID 字段 利用 QueryString0 
方法 与 主 表 取 得 同步 。 同 步 方法 如 12.2.3 节 所 述 ， 这 里 不 再 重复 。 

设置 后 的 语句 是 

SELECT [ProductID], [ProductName], [CategoryID], [QuantityPerUnit], 

[UnitPrice], [imagePath], [discription] 

FROM [Products] 
WHERE ([ProductID] = @ProductID) 

(4) 增加 模板 字段 。 打 开 “ 商 品 2.aspx” 网 页 中 Gridviewl 的 【编辑 列 】 窗 口 。 清 除 
所 有 被 选 定 的 字段 后 ， 再 放 进 一 个 模板 字段 (TemplateField) 来 取代 它们 。 

(5) 编辑 模板 。 右 击 Gridview1， 选 择 【 编 辑 模板 】 命 令 ， 选 择 Column[0] 对 模板 进 
行 编辑 ， 如 图 29.15 所 示 。 

% VD 
加 复 灿 DD 
| 翅 ) 


在 贴 著 换 内 容 (E) 
xX Wf) 


加 在 浏览 器 中 查看 (8) 


编辑 主 表 (M) 

显示 忽 能 标记 (G) 

护 辑 模板 人 D DE 

结束 模板 编辑 (N) EmptyDatatemplate 
国 8 PagerTemplate 
局 属性 B) 


图 29.15 选择 需 编辑 的 模板 
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@ ”对 模板 进行 布局 。 布 局 的 情况 如 图 29.16 所 示 。 
在 图 29.16 所 示 的 布局 中 ， 左 上 方 放 入 一 个 Imagel 控件 来 显示 商品 的 图 像 ， 右 边 标 
上 “名 称 ” 和 “单价 ”两 个 字段 ， 下 面 标 上 “简单 描述 ”， 最 下 面 放 入 一 个 HTML 的 
Button 控件 (用 于 返回 原 界面 )。 

FE ‘Gridview1 - Column[o] 盏 


返回 


图 29.16 在 模板 中 的 布局 
@ 进行 数据 绑 定 。 
下 面 用 Eval0 或 Bind( 方 法 来 绑 定数 据 。 模 板 中 的 语句 如 下 。 


<asp:GridView ID="GridViewl" runat="server" 
DataSourceID="SqlDataSourcel" AutoGenerateColumns="False" Height="274px" 
Width="478px"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<table style="width: 100%; height: 100%; border-right: black 
thin solid; border-top: black thin solid; border-left: black thin solid; 
border-bottom: black thin solid; background-color: #ffffff; direction: 
ltr; text-indent: 8pt;"> 
<tr> 
<td rowspan="4" style="width: l18px"> 
<asp:Image ID="Imagel" ImageUrl=<%# Eval ("imagePath") $%> 
runat="server" BorderColor="#0000C0" Borderstyle="Solid" 
BorderWidth="lpx" ImageAlign="Left" /> 
</td> 
<td style="width: 100px"> 
</td> 
</tr> 
<tr> 
<td style="width:640px"> 
<h4 align="]left"> 名 称 : <%# Eval ("ProductName") %></h4> 
</td> 
</tr> 
<tr> 
<td style="width: 640px"> 
<h4 align="left"> 数量 : </h4><h5> <%# 
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Eval ("QuantityPerUnit") %></h5></td> 
</tr> 
<tr> 
<td style="width: 640px; height: 21px"> 
<h4 align="left"> 单价 : </h4><h5><%# Eval ("UnitPrice") 
%></h5> 
</td> 
</tr> 
<tr> 
<td colspan="2" style="height: 59px"> 
<h4> 简单 描述 :</h4><h5><%# Eval ("discription") 
%></h5></td> 
</tr> 
<tr> 
<td style="width: 1l8px" > 
<input id="Buttonl" type="button" style="background- 
color:honeydew; width: 62px;"” value=" 返 回 ..." 
onclick="javascript:window.close()" /> 
</td> 
</tr> 
</table> 
</ItemTemplate> 
<HeaderTemplate> 
商品 简介 
</HeaderTemplate> 
</asp:TemplateField> 
</Columns> 
<Headerstyle BackColor="#E0EO0E0" /> 
</asp:GridView> 


现在 的 每 个 模板 代表 一 条 记录 ， 代 码 中 : 

@ <%# Eval("ProductName") %> 代 表 显 示 商 品名 。 

<%# Eval("QuantityPerUnit") %> 代 表 显 示 单元 数量 。 

<%# Eval("UnitPrice") %> 代 表 显 示 单 价 。 

<%# Eval("discription") %> 代 表 显 示 简 要 介绍 。 

<asp:Image ID="Imagel" ImageUrl=<%# Eval("imagePath") %> runat="server" /> 代 
表 将 图 片 的 路 径 赋 给 Image 的 属性 ImageUrl。 

(6) 设置 【返回 】 按 钮 的 代码 。 此 按钮 是 一 个 浏览 器 控件 。 当 被 单 击 时 ， 使 用 


JavaScript 语言 调用 window.close0 方 法 关闭 同步 时 打开 的 窗口 。 代 码 如 下 。 


<input id="Buttonl" type="button" style="background-color:Lime” value=" 返 回 ..." 
onclick="javascript:window.close()" /> 


(7) 运行 程序 。 单 击 商品 表格 中 图 像 字段 的 【显示 】 按 钮 ， 打 开 同 步 的 图 形 界面 ， 如 


图 29.17 所 示 。 
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19.0000 


简单 描述 : 


普 简 车 是 一 种 营养 ， 美 味 的 商品 。 次 将 食品 由 于 价格 不 高 、 容 易 携 带 、 保 
质 期 长 、 食 用 方便 等 将 点， 深 受 消费 者 的 欢迎 ， 特 别 在 节假日 里 外 出 旅游 
时 ， 更 是 受到 人 们 的 青睐 。 


返回 


图 29.17 表格 界面 与 图 像 界面 同步 
单 击 图 形 界面 中 的 【返回 】 按 钮 时 ， 将 关闭 图 形 显示 窗口 ， 回 到 表格 的 界面 。 如 果 确 


定购 买 时 ， 单 击 表格 窗口 中 的 【 选 购 】 按 钮 ， 生 成 购 货 车 及 订单 的 操作 如 前 面 所 述 。 
29.2 ”服装 商店 网 站 设计 


服装 商店 与 首饰 、 花 卉 、 手 机 等 网 站 有 很 多 相似 的 特点 ， 它 们 对 显示 界面 的 要 求 都 比 
较 高 ， 购 买 时 可 选 的 参数 也 比较 多 。 
现在 假定 某 服装 商品 的 数据 简 表 如 图 29.18 所 示 。 


productD ProductNare Material Session Uniprke ImaaePath b 
E73 槐 ，5% 复 给 ”者 秋冬 4200000 mages\ 图 ， 
zccc86543 廊 育 心 棉 : 5% 氮 纶 ”者 , 夏 , 秋 143.0000 ， wmages\ 图 ， 
zzcccB6544 女真 丝 吊带 袜 湛 : 5% 氟 纶 ”者 ,夏秋 178.0000 ,~\mages\ 图 , ， 


zaccr8e545 而 件 讲 刷 必 .， 析 :5% 拨 纶 ”者 夏秋 530m00 maops 图， 
eceoes46 。 女 式 需 丝 刷 。 祷 : 5( 揽 纶 ”者 夏 秋 2090000 :950000 。 黑 蓝 赏 绿 折 超大 大 ,中 小 -Vimages 图 .， -Winegen 图. 
zacccges47 。。 家居 服 范 领 棉 ，5% 揽 纶 ”者 夏秋 ao J280000 。 黑 蔓 黄 小 。 超大 大 中 ,小 “Nmages\ 图 .，wNmages\ 国 ,， 


29.18 ”服装 商品 数据 表 


表 中 ProductName 为 商品 名 ; Material 为 材质 ; Session 为 季节 ; MemberPrice 为 会 
员 价 ; Color 为 颜色 ;Size 为 尺寸 ，ImagePath-s 为 小 图 路 径 ，ImagePath-b 为 大 图 路 径 。 
其 中 可 选 的 参数 包括 大 小 、 颜 色 、 材 质 等 。 


29.2.1 几 张 网 页 之 间 的 联系 
几 张 网 页 之 间 的 联系 如 图 29.19 所 示 。 
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主 界面 二 
era0f 购 货车 
2 颜色 : 
避 | 
ListView 控 件 / Gridyiew | 大 小 | 
《多 张 图 片 ) 《一 张 图 片 ) 加 
数量 
购买 .… [CD 
@. ®: 


图 29.19 几 张 网 页 的 联系 


图 中 : 

@@ 代表 单 击 【 购 买 .…】 按 钮 时 转向 新 网 页 ， 执 行 跨 页 同步 功能 。 
@ 代表 生成 网 页 时 ， 动 态 生成 几 个 下 拉 列 表 控件 。 

@ ”代表 单 击 【 放 入 购 货车 】 按 钮 时 ， 生 成 购 货车 。 

以 上 三 个 阶段 的 代码 将 在 下 面 讲 述 。 


29.2.2 主 界面 的 设计 
主 界面 采用 ListView 控件 ， 其 设计 方法 参见 第 15 章 。 在 配置 ListView 中 ， 选 择 【 平 
铺 】 布 局 ， 并 在 ItemTemplate 模板 中 进行 布局 和 数据 绑 定 ， 如 图 29.20 所 示 。 


Lviewl ~ lemTemplate 


在 这 里 进 行 和 局 ， 并 在 源 视 阳 中 
进行 热 括 峰 定 


bd 3 下- 区 6- 责 
Se SE 


29.20 选择 ltemTemplate 模板 


确定 每 行 包括 儿 条 记录 (3 条 记录 ，3 列 ) 以 及 每 页 的 大 小 (6 条 记录 ) 后 ， 程 序 运行 的 界 
面 如 图 29.21 所 示 。 


29.21 服装 商店 主 界面 
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注意 : 界面 中 对 单价 的 显示 使 用 了 删除 的 标签 ， 即 用 <s>...</s> 来 表示 对 会 员 不 使 用 单价 
而 使 用 会 员 价 。 


29.2.3 ” 跨 页 同步 


当 单 击 【 购 买 …】 按 钮 时 将 转向 新 的 网 页 ， 并 同时 将 productID 的 值 传送 过 去 。 代 
码 如 下 。 

<a href=" 选 择 .aspx?id=<%# Eval ("productID") $>"> 购 买 . . .</a> 

在 新 网 页 (选择 .aspx) 中 ， 放 进 GridView 控件 ， 并 进行 下 列 的 设置 。 

(1) 通过 数据 源 控 件 连接 到 服装 数据 表 ， 并 且 通 过 QueryString 方法 与 传 来 的 id 
同步 。 

(2) 在 【编辑 列 】 中 去 掉 所 有 生成 的 字段 ， 然 后 增添 TemplateField 模板 ， 并 且 在 模 
板 中 按照 图 29.22 的 方式 给 控件 进行 布局 。 


29.22 ”选择 界面 


29.2.4 动态 生成 控件 


为 了 动态 生成 下 拉 列 表 ， 首 先 需 要 获得 数据 表 中 的 相关 数据 ， 为 此 利用 两 个 Label 控 
件 作为 中 间 环 节 来 传递 数据 ， 让 它们 分 别 与 数据 表 中 的 Color 和 Size 字段 进行 数据 绑 定 ， 
但 是 将 它们 的 Visible 属性 设 为 false( 即 不 显示 这 两 个 控件 )。 其 代码 如 下 。 

<asp:Label ID="colorl" runat="server" Text="'<$%# Eval ("Color") $%>" 

Visible="false" /> 

<asp:Label ID="Sizel" runat="server" Text="'<%# Eval ("Size") $%>' 

Visible="false" /> 

然后 在 网 页 中 拖 入 两 个 DropDownList 控件 ， 将 前 面 两 个 Label 中 绑 定 的 字符 串 进行 
分 解 (这 里 是 依据 逗号 进行 分 解 )， 并 将 分 解 后 的 字段 分 别 放 入 两 个 DropDownList 控件 
中 。 其 代码 如 下 。 

先 在 类 中 定义 一 个 成 员 。 

GridViewRow row;// 因 为 在 下 面 两 个 方法 中 都 要 使 用 这 个 成 员 


protected void Page Load(object sender, EventArgs e) 
党 
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row = GridViewl .Rows[0]; 
if (!IsPostBack) 
Label lc = (Label)row.FindControl ("colorl1"); 
string cc = lc.Text; // 取 出 数据 表 中 的 颜色 选项 
string[] fgcc = cc.Split(','); // 以 去 号 为 分 隔 符 ， 将 字符 串 分 解 为 字符 串 数组 
int count1 = fgcc.GetLength (0) ;// 确 定数 组 的 个 数 
DropDownList dwl = (DropDownList)row.FindControl ("DropDownList1"); 
// 取 出 颜色 的 下 拉 控 件 
dwl.Items.Clear(); 
for (int ii = 0; ii < countl; ii++) 
{ 
dwl.Items.Add (fgcc[ii]) ;// 给 下 拉 控 件 增添 项 目 
} 


Label 1s = (Label)row.FindControl("sizel"); 
string cs = 1s.Text; // 取 出 数据 表 中 的 大 小 选项 
string[] fgcs = cs.Split(','); // 以 逗号 为 分 隔 符 ,将 字符 串 分 解 为 字符 串 数组 
int count2 = fgcs.GetLength (0) ;// 确 定数 组 的 个 数 
DropDownList dw2 = (DropDownList)row.FindControl ("DropDownList2"); 
// 取 出 选择 的 下 拉 控 件 
dw2.Items.Clear (); 
for (int ii = 0; ii < count2; ii++) 
{ 
dw2.Items.Add(fgcs[ii]); // 给 下 拉 控 件 增添 项 目 
} 
} 
} 


29.2.5 生成 购 货 


在 界面 中 选择 参数 后 ， 单 击 【 放 入 购 货车 】 按 钮 ， 将 生成 购 货车 放 入 Session 
["ShoppingCart"] 中 ， 然 后 转 到 购 货车 网 页 。 生 成 购 货车 的 代码 如 下 。 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
System.Data.DataTable Cart = new System.Data.DataTable(); 
if (Session["ShoppingCart"] == null) 
{ 
Cart .Columns .Rdd ("产品 编号 "，typeof (string)); 
Cart .Columns .Add (" 购 货 量 "，typeof (int)); 
Cart.Columns .Rdd (" 会 员 价 "，typeof (double)); 
Cart.Columns .Rdd (" 颜 色 "，typeof (string) ) 7 
Cart.Columns.Rdd(" 尺 寸 "，typeof (string)); 
Session["ShoppingCart"] = Cart; 
} 
Cart = (System.Data.DataTable)Session["ShoppingCart"]; 
Label ProductIDControl = (Label)row.FindControl ("Label2"); 
string ProductIDText = ProductIDControl.Text; 
DropDownList QuantityControl = 
(DropDownList)row.FindControl ("DropDownList3"); 
string QuantityText = QuantityControl.SelectedValue; 
int qq = int.Parse (QuantityText); 
Label UnitPriceControl = (Label)row.FindControl ("UnitPriceLabel"); 
string UnitPriceText = UnitPriceControl.Text; 
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double pp = double.Parse (UnitPriceText); 
DropDownList ColorControl = 
(DropDownList)row.FindControl ("DropDownList1"); 
string ColorText = ColorControl.SelectedValue; 
DropDownList SizeControl = 
(DropDownList)row.FindControl ("DropDownList2"); 
string SizeText = SizeControl.SelectedValue; 


System.Data.DataRow rr = Cart.NewRow(); 
rr[" 产 品 编号 "] = ProductIDText; 
rr[" 购 货 量 "] = qq; 

rr[" 会 员 价 "] = pp; 

rr[" 颜 色 "] = ColorText; 

rr[" 尺 寸 "] = SizeText; 


Cart .Rows.Add (rr); 
Session["ShoppingCart"] = Cart; 
Response.Redirect (" 购 货车 .aspx"); 
} 


后 面 的 汇总 记 账 以 及 存放 、 查 看 订单 等 的 方法 与 食品 商店 相同 ， 这 里 不 再 重复 。 
29.3 账户 管理 


29.3.1 概述 

账户 是 客户 ， 但 又 不 同 于 一 般 的 客户 ， 其 不 同 点 在 于 账户 需要 进行 网 上 交易 ， 因 此 应 
该 拥有 一 定 的 权利 (如 允许 访问 一 些 特定 的 网 页 )， 并 提供 更 多 的 附加 信息 (如 地 址 、 联 系 
人 、 联 系 电话 、 付 费 方 式 等 )。 如 何 给 账户 赋予 这 些 权利 并 保存 它们 的 附加 信息 ， 还 要 将 
这 些 附加 信息 与 它们 的 基本 信息 紧密 联系 在 一 起 呢 ? 

有 两 种 方式 来 保存 账户 的 附加 信息 。 一 种 是 单独 构建 一 套 系统 ， 另 一 种 是 利用 系统 已 
经 提供 的 “基于 角色 的 安全 系统 ”或 “个 性 化 服务 ”并 在 这 些 基础 上 进行 扩展 。 后 一 种 方 
式 优 于 前 者 ， 因 为 它 能 充分 利用 系统 原 有 的 安全 体系 ， 大 大 简化 了 设计 过 程 。 

下 面 将 介绍 后 一 种 方式 中 的 一 种 方案 ， 这 种 方案 要 求 建立 两 个 模块 (包含 4 张 网 页 ) 和 
两 个 Session 对 象 。 

1. 账户 注册 模块 

客户 注册 方法 已 经 在 21.4.1 节 与 21.4.2 节 中 讲述 。 现 在 要 创建 新 账户 ， 由 于 账户 要 求 
的 信息 更 多 ， 因 此 需要 使 用 另 一 套 Login 和 CreateUserWizard 控件 ， 并 在 该 控件 中 增加 新 
模板 。 


注意 : 完成 整个 设置 后 ， 系 统 中 可 能 会 出 现 两 套 客 户 输入 系统 ， 其 中 一 套用 于 输入 一 般 客 
户 和 注册 ， 另 一 套用 于 输入 账户 和 注册 。 建 议 取 不 同 的 网 页 名 字 以 避免 混淆 。 
2. 账户 验证 模块 


为 了 验证 当前 登录 的 客户 是 否 为 账户 ， 需 要 增加 两 张 网 页 (“账户 判断 .aspx” 与 “ 账 
户 验证 .aspx” 网 页 ) 来 进行 判断 。 验 证 的 依据 主要 看 账户 是 否 保存 了 “附加 信息 ”。 
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3. Session 对 象 
将 使 用 两 个 Session 对 象 ， 其 中 Session["zh UserID "] 代表 当前 登录 的 客户 名 ; 
Session["zh_d1"] 代 表 是 否 为 账户 。 


29.3.2 ”准备 工作 
1. 创建 附加 信息 的 数据 表 
账户 的 信息 可 以 分 为 两 部 分 : 基本 信息 (如 账户 标记 、 密 码 等 )， 系 统 将 会 自动 保存 在 


自动 产生 的 ASPNETDB.MDB 数据 表 中 ; 附加 信息 则 根据 需要 另外 设计 一 张 表 ， 例 如 表 
名 为 CustomersTable。 表 结构 如 图 29.23 所 示 。 


3 CustomerID ContectHume Address Phone Prenoney ChangeDate 
上 编号 账户 标记 联系 人 地 址 电话 预付 款 时 间 
(nt) (avarchar(30) (nvarchar(20) (nvarchar(30) (nvarchar(30)) (money) (smalldatetime) 


图 29.23 账户 附加 信息 表 

其 中 ，Bh 为 关键 字 ， 自 动 增加 ; CustomerID 是 与 基本 信息 相 联 系 的 字段 ; 
ChangeDate 为 时 间 ， 将 其 默认 值 中 设 为 getdate0 以 便 自动 生成 当前 的 时 间 。 

2. 为 账户 准备 角色 

给 网 站 分 配角 色 的 方法 已 经 在 第 21 章 中 讲述 。 其 中 也 应 该 为 账户 确定 一 定 的 角色 ( 例 
如 Customer)， 并 赋予 一 定 的 权限 (如 允许 该 角色 访问 结账 、 查 看 订单 以 及 查看 账户 信息 
等 )。 如 果 在 登录 中 使 用 了 LoginView 控件 时 ， 还 应 该 给 Customer 角色 分 配 相应 的 视图 
界面 。 

每 个 账户 的 角色 是 在 创建 时 才 赋 予 的 (不 需要 预先 赋予 )。 具 体 方法 在 后 面 讲述 。 

3. 给 Session 对 象 赋 初 值 

在 Global.asax 文件 的 Session_Start 事件 中 给 Session 对 和 象 赋 初 值 。 其 代码 如 下 。 


void Session Start(object sender, EventArgs e) 
{ 
Session["zh dl"] = null; 
Session["zh UserID "] = null; 


} 

4. 编写 存储 过 程 

为 了 保存 账户 的 附加 信息 ， 需 要 根据 附加 信息 数据 表 的 需要 编写 相应 的 存储 过 程 。 其 
代码 如 下 。 


Create PROCEDURE dbo.InsertCustomer 
( 
@CustomerID nvarchar (30) ， 
@ContectName nvarchar (20), 
@Address nvarchar (50), 
@Phone nvarchar(30) 
) 

RS 
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insert into [CustomersTable] (CustomerID,ContectName,Address, Phone) 
Values (@CustomerID,@ContectName,@Address,@Phone) 
RETURN 


29.3.3 ”账户 注册 模块 


在 账户 注册 模块 中 要 用 到 两 张 网 页 (“账户 登录 .aspx” 与 “创建 新 账户 .aspx”)， 网 页 
中 分 别 放 入 Login 与 CreateUserWizard 控件 。 


1. 为 CreateUserWizard 控件 增添 新 模板 


账户 注册 时 要 用 到 CreateUserWizard 控件 。 该 控件 由 多 个 模板 组 成 ， 默 认 情 况 下 只 包 
括 “ 注 册 新 账户 ”与 “完成 ”两 个 模板 ， 现 在 需要 增添 一 个 (或 多 个 ) 新 模板 ， 以 输入 附加 
信息 。 

增添 新 模板 的 方法 是 ， 先 将 CreateUserWizard 控件 拖 入 网 页 ， 然 后 单 击 右 方 的 【添加 
/ 移 除 WizardSteps】 项 以 添加 新 模板 。 然 后 在 打开 的 【WizardStep 集合 编辑 器 】 对 话 框 
中 ， 单 击 【 添 加 】 按 钮 ， 增 加 新 模板 并 改变 模板 执行 的 顺序 ， 将 新 增 模板 放 在 前 两 个 模板 
之 间 ， 如 图 29.24 所 示 。 

注册 新 账户 【Eee 全 


步骤 :| 注册 新 卫 户 
征 加 / 移 辽 WizardSteps 


“密码 "和 “确认 到 


图 29.24 WizardStep 集合 编辑 器 

2. 给 新 模板 进行 布局 

打开 【添加 账户 信息 】 模 板 ， 利 用 表格 进行 布局 。 根 据 前 面 数据 表 的 结构 ， 放 置 3 个 
TextBox 控件 以 输入 附加 信息 (还 应 该 增添 相应 的 校 验 控件 ， 这 里 省 略 )。 人 情况 如 图 29.25 
所 示 。 

3. 配置 存储 过 程 

配置 数据 源 控件 以 满足 调用 存储 过 程 的 需要 。 方 法 是 先 将 SqlDataSource 数据 源 控 件 
拖 入 模板 ， 令 其 与 CustomersTable 表 连 接 ， 配 置 调用 存储 过 程 (InsertCustomer)， 参 数 则 利 
用 下 列 代码 输入 。 
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cortentpacHoldi (EE Up: Creels erWizerds CreneUseW 


29.25 ”编辑 账户 附加 信息 模板 


打开 CreateUserWizard 控件 的 属性 对 话 框 ， 双 击 FinishButtonClick 事件 ， 在 事件 中 编 
写 代码 以 输入 存储 过 程 需要 的 参数 。 
protected void CreateUserWizardl1 FinishButtonClick(object sender, 
WizardNavigationEventArgs e) 
{ 
Session["zh UserID "] = User.Identity.Name; 
SqlDataSourcel.InsertParameters.Clear (); 
SqlDataSourcel.InsertParameters.Add ("CustomerID", 

Session["zh UserID"].ToSstring()); 
SqlDataSourcel.InsertParameters.Add("ContectName", TextBoxl.Text); 
SqlDataSourcel.InsertParameters.Add ("Address", TextBox2.Text); 
SqlDataSourcel.InsertParameters.Add ("Phone", TextBox3.Text); 
SqlDataSsourcel.Insert (); 

} 

在 上 述 代码 中 User.Identity.Name 是 Page 类 中 一 个 重要 的 属性 ， 该 属性 代表 当前 登录 

客户 的 名 字 (User Name)， 利 用 它 可 以 查询 登录 客户 的 各 类 信息 。 

为 了 后 面 的 需要 ， 现 在 将 其 赋 给 Session["zh_UserID "] 对 象 。 即 


Session["zh UserID "] = User.Identity.Name; 
从 此 Session["zh_UserID "] 也 就 代表 当前 登录 的 客户 名 了 。 
4. 三 个 模板 的 界面 


最 后 三 个 模板 的 界面 如 图 29.26 所 示 。 其 中 【注册 新 账户 】 模 板 就 是 输入 客户 基本 信 
息 的 模板 ( 见 图 29.26(a)); 【完成 】 模 板 中 包括 成 功 创建 账户 时 的 提示 ， 以 及 【继续 】 执 
行 时 的 按钮 ， 如 图 29.26(e) 所 示 ; 【添加 账户 信息 】 模 板 如 图 29.26(b) 所 示 。 


() (b) [©) 
29.26 ”展开 CreateUserWizard 控件 的 多 模板 
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5. 给 新 账户 自动 赋予 角色 


为 了 给 新 账户 自动 赋予 角色 ， 在 CreateUserWizard 控件 的 属性 对 话 框 中 ， 双 击 
CreatedUser 事件 ， 然 后 编写 如 下 代码 。 


protected void CreateUserWizard]1 CreatedUser (object sender, EventArgs e) 
{ 
Roles.AddUserToRole ( (sender as CreateUserWizard) .UserName, "Customer"); 


¥ 


注意 : 注意 在 网 页 代码 的 命名 空间 中 要 增加 “using System.Web.Security;” 的 引用 。 


6. 转向 “账户 登录 .aspx” 网 页 重新 进行 登录 


打开 CreateUserWizard 控件 的 属性 对 话 框 ， 双 击 ContinueButtonClick 事件 ， 然 后 编写 
以 下 代码 ， 转 向 账户 登录 网 页 ， 以 便 重 新 登录 账户 。 
protected void CreateUserWizard1l_ContinueButtonClick (object sender, 
EventArgs e) 
{ 
Response.Redirect ("账户 登录 .aspx"); 
} 


7. 返回 “账户 注册 .aspx” 网 页 

返回 “账户 注册 .aspx” 网 页 ， 在 CreateUserWizard 控件 中 ， 打 开 【 注 册 新 账户 】 模 
板 ， 以 便 调 用 此 网 页 时 ， 控 件 从 这 个 模板 开始 执行 。 这 一 点 很 重要 ， 但 也 很 容易 被 设计 者 
忽略 。 


29.3.4 ”账户 验证 模块 


为 了 判断 客户 是 否 注 册 ， 需 增添 两 个 网 页 : “账户 验证 .aspx ”与 “账户 判 
断 .aspx”。 在 账户 验证 .aspx 网 页 中 放 入 一 个 Gridview 控件 通过 数据 源 控件 指向 账户 附加 
信息 的 数据 表 ， 设 置 数据 源 控件 时 ， 用 Session["zh_UserID"] 对 象 作为 查询 参数 。 因 为 
Session["zh_UserID "代表 当前 登录 的 客户 名 。 而 在 注册 表 中 ， 每 位 登录 的 客户 都 有 一 个 
唯一 的 名 字 ， 而 且 登 录 以 后 不 允许 修改 。 因 此 用 这 个 名 字 查 询 不 外 乎 两 种 结果 。 
@ ”没有 找到 相关 记录 ( 即 查询 结果 为 0 行 )， 这 说 明 登 录 的 客户 目前 还 没有 注册 附加 
信息 ， 应 转向 “账户 登录 .aspx” 网 页 ， 并 提示 客户 注册 。 
@ ”找到 了 记录 ， 这 说 明 客户 已 经 注册 了 附加 信息 ， 应 将 账户 标记 Session["zh_dl"] 设 
为 success (不 再 是 nulD)， 并 转向 “账户 判断 .aspx” 网 页 。 
具体 代码 如 下 。 
protected void Page Load(object sender, EventArgs e) 
Session["zh UserID"] = User.Identity.Name; 
if (GridView2.Rows.Count == 0) // 没有 找到 记录 
| Session["zh dl"] = null; 
Response.Redirect ("账户 登录 .aspx?action= 您 还 没有 进行 账户 注册 。"); 
} 
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else 
{ 
Session["zh dl"] = "success"; 
Response.Redirect ("账户 判断 .aspx") ; // 已 经 注册 转向 账户 判断 
} 


} 


29.3.5 ”账户 管理 的 信息 流程 


为 了 让 更 多 的 客户 浏览 商品 ， 在 形成 购 货车 之 前 不 需要 客户 登录 ， 直 到 打开 购 货车 时 
才 转 入 账户 登录 的 信息 流程 。 

图 29.27 是 账户 管理 的 信息 流程 示意 图 。 其 中 各 模块 内 部 的 连 线 比 较 容易 理解 ， 这 里 
不 作 说 明 。 下 面 重点 讲述 各 模块 之 间 的 信息 流通 情况 。 

(1) 当 客 户 选择 完 商 品 后 ， 选 择 母 版 页 中 的 菜单 中 的 【 购 货车 】 项 时 ， 不 直接 打开 购 
货车 网 页 ， 而 打开 账户 验证 模块 ( 见 图 中 的 @)。 


@ 母 版 页 中 的 菜单 : 购 货车 
oO 
账户 注册 模块 账户 验证 模块 
WE 
上 二 "7 账户 关 断 -azpx 
， if(Session["zh_dl-]-= null) 
Fe 购 货车 . aspx 


ta 


1 账 广 验证 -aspx 
if (Gridyiew?. Rows. Count==0) 


else 


Session["zh_dl”]="accosa”; 


图 29.27 账户 管理 信息 流程 

(2) 如 果 该 客户 是 账户 时 ， 直 接 转 向 “ 购 货车 .aspx”， 和 否则 转 入 “账户 验证 .aspx”。 

G) 在 “账户 验证 .aspx” 网 页 中 ， 检 查 对 账户 附加 信息 表 的 查询 结果 ， 如 果 没有 找到 
登录 客户 的 信息 时 ， 转 向 账户 注册 模块 ， 进 行 登录 或 注册 ( 见 图 中 的 @)， 和 否则 将 设置 账户 
标记 (Session[“zh_dl]) 后 ， 再 转向 “账户 判断 .aspx” 网 页 重新 进行 判断 。 

(4) 在 账户 注册 模块 中 完成 注册 并 重新 登录 后 ， 通 过 Login 控件 的 【登录 】 按 钮 转向 
账户 验证 模块 ( 见 图 中 的 GD)。 

(5) 在 各 个 网 页 需要 显示 客户 名 字 的 地 方 ， 一 律 改 用 以 下 代码 来 实现 。 

TextBoxl.Text = User.Identity.Name.ToString()7 

或 者 使 用 下 列 语句 。 

TextBoxl.Text = (string)Session["zh UserID "]; 

(6) 有 一 些 网 页 不 允许 非 账 户 访问 ， 如 “结账 .aspx”、“ 订 单 .aspx” 等 。 对 于 这 些 
网 页 可 以 利用 Session 对 象 作 进一步 保护 。 代 码 如 下 。 


void Page _ Load (object sender, EventArgs e) 
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{ 
if (Session["zh dl"] == null) // 不 是 账户 
{ 
Response.Redirect ("账户 判断 .aspx?tt= 您 不 能 访问 此 网 页 ."); 
} 


} 
通过 上 述 信息 流程 可 以 看 出 ， 账 户 第 一 次 打开 网 站 时 ， 必 须 通 过 账户 注册 、 账 户 登录 
才能 进行 网 上 交易 。 而 以 后 再 次 打开 网 站 时 ， 只 需 在 一 般 客户 登录 对 话 框 或 者 账户 登录 对 
话 框 中 输入 账户 名 和 密码 即 可 进行 网 上 交易 。 


29.4 小 结 


电子 商务 是 一 种 比较 复杂 的 系统 ， 各 种 电子 商务 有 着 不 同 的 要 求 ， 涉 及 多 种 不 同类 型 
的 网 页 ， 其 中 的 变化 也 比较 多 。 但 是 不 论 哪 种 电子 商务 ， 交 易 的 过 程 都 要 包括 选 购 、 结 
账 、 存 储 订单 、 查 看 订单 等 儿 个 基本 阶段 。 本 章 利用 SQL Server 提供 的 Northwind 样板 库 
中 的 数据 ， 讲 解 了 这 几 个 基本 阶段 的 设计 工作 。 理 解 本 章 的 关键 在 于 搞 清 GridView、 内 
存 数据 表 和 Session 对 象 三 者 之 间 的 关系 。GridView 提供 了 数据 库 中 的 原始 数据 ;内 存 数 
据 表 是 动态 生成 的 ， 存 储 了 客户 选择 的 数据 ， 它 是 数据 库 部 分 数据 的 副本 (另外 还 增添 了 

- 些 临 时 数据 ); Session 对 象 代表 购 货车 ， 用 来 将 数据 进行 保存 ， 并 在 不 同 的 网 页 中 共 
享 。 利 用 内 存 数据 表 存 储 数据 ， 利 用 Session 传递 数据 ， 这 种 处 理 方式 减少 了 访问 数据 库 
的 次 数 ， 提 高 了 程序 运行 的 效率 。 

示例 中 多 次 用 到 IsPostBack 这 个 属性 ， 这 个 属性 用 来 区 分 网 页 是 第 一 次 打开 还 是 事件 
处 理 完 毕 后 再 次 被 打开 这 两 种 情况 。 当 网 页 第 一 次 被 打开 时 该 属性 为 false; 如 果 是 在 事件 
处 理 完 返 回 本 页 时 其 值 为 tue; 在 一 定 条 件 下 该 属性 发 挥 了 重要 的 作用 。 例 如 语句 


if (!IsPostBack) 


ym Session 作为 数据 源 

} 

代表 只 有 第 一 次 打开 网 页 (不 是 后 续 打 开 ) 时 ， 才 执行 “以 Session 作为 数据 源 ” 的 操 
作 ， 至 于 后 续 打 开 网 页 时 的 数据 ， 则 是 靠 视图 状态 保持 下 来 的 。 详 细 情 况 参考 第 9 章 。 

为 了 使 得 商品 的 显示 界面 更 加 生动 ， 后 面 介绍 了 将 表格 与 图 像 相 结合 的 设计 方法 ， 关 
键 是 使 表格 网 页 与 图 像 网 页 进行 同步 ， 并 在 图 像 网 页 中 ， 利 用 GridView 控件 的 模板 进行 
布局 并 进行 数据 绑 定 。 

除 此 而 外 ， 在 本 章 后 面 还 对 服装 的 电子 商务 设计 进行 了 讨论 。 与 食品 (还 有 书籍 等 ) 商 
店 不 同 ， 这 些 网 站 的 外 观 选择 更 为 重要 ， 还 可 能 包括 更 多 的 选择 参数 ， 需 要 动态 生成 一 些 
控件 。 利 用 ListView 控件 的 平 铺 布局 设计 主 界面 ， 能 够 更 好 地 突出 外 观 图 像 ， 利 用 自动 
生成 的 下 拉 控 件 可 以 根据 数据 表 中 的 数据 提供 更 多 的 可 选 参数 。 

对 账户 的 管理 也 是 电子 商务 中 不 可 缺少 的 部 分 ， 为 了 获得 账户 的 附加 信息 ， 可 以 在 
CreateUserWizard 控件 中 增添 模板 ， 这 样 做 的 好 处 是 ， 可 以 将 这 些 附 加 信息 与 基本 信息 联 
系 起 来 ， 而 且 还 能 借用 系统 的 角色 保护 功能 。 
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UserIdentity Name 是 Page 类 中 一 个 重要 属性 。 它 代表 当前 登录 客户 的 账号 (User 
Name)， 利 用 它 可 以 查询 当前 登录 客户 的 信息 ， 并 且 判 断 该 客户 是 否 已 经 进行 了 注册 。 


29.5 习 题 


1. 填空 题 
(1) 下 面 是 本 章 应 用 程序 中 生成 购 货车 的 部 分 代码 。 填 写 带 字母 标号 语句 的 含义 。 


void GridViewl RowCommand (object sender, GridViewCommandEventArgs e) 


{ 


System.Data.DataTable Cart = new System.Data.DataTable (); //R 
if (e.CommandName == "buy") 

{ 

if (Session["ShoppingCart"] == null) //B 


{ 
Cart .Columns .Add ("商品 编号 "，typeof (int)); 
Cart .Columns .Add ("商品 名 称 "，typeof (string)); 


Session["ShoppingCart"] = Cart; 
} 
Cart = (System.Data.DataTable) Session["ShoppingCart"]; //C 
if (TextBox2.Text == "") 
{ 
Validate (); //D 
} 
else 
| 
int index = Convert.ToInt32 (e.CommandRArgument) 7? 
GridViewRow row = GridView1l.Rows [index]; 
TextBox tt = 


(System.Web.UI .WebControls.TextBox) row.Cells[1] .FindControl ("TextBox 
el //E 
string dgl = tt.Text; 
int dg = int.Parse(dgl); 
if (dg <= 1) dg = 1; 
string djText = row.Cells[5] .Text; 


double dj = double.Parse (djText); /A/F 
System.Data.DataRow rr = Cart.NewRow(); //G 


rr[" 商 品 编号 "]=bh; 


Cart .Rows.Add (rr); 
Session["ShoppingCart"] = Cart; //H 
} 
i 
} 


A 
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而 


H 
(2) 下 面 是 本 章 应 用 程序 中 利用 GridView 控件 进行 汇总 计 账 的 代码 。 填 写 带 字母 标 
号 语句 的 含义 。 


void Button2 Click(object sender, EventArgs el) 


{ 

double sum=0.0; 

for(int ii=0; ii < GridViewl.Rows .Count7ii++) //A 
t 


CheckBox cc = 
(CheckBox) GridView]l .Rows [ii] .Cells[0] .FindControl ("CheckBox1");//B 
if(cc.Checked) //C 
{ 
sum = sum + (double.Parse (GridView]l.Rows[ii].Cells[7].Text)); 
//D 
} 


} 
TextBox2 .Text=sum.ToString() 7 //E 


(3) 为 了 利用 productID 进行 跨 页 同步 ， 代 码 是 : 

<a href = " 另 一 网 页 .aspx?id= "> 同步 </a> 

(4) 为 通过 Label 控件 取出 数据 表 中 color 字段 的 数据 ， 但 不 显示 Label 控件 时 的 代 
码 是 


<asp Label ID = "." runat = "server" Text=" 
Visible=" a 


(5) 设 ss 是 一 个 字符 串 ( 中 间 包 括 若干 句号 “.”)， 现 在 要 将 其 以 句号 为 界 分 解 成 字 
符 串 数组 ， 其 代码 是 

string[] sz = F 

2. 选择 题 


(1) 内 存 数据 表 在 本 应 用 系统 中 的 作用 是 . 
A. 网 页 间 共 享 数据 B. 汇集 并 临时 保存 记录 
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C. 临时 保存 数据 D. 保存 和 传送 数据 
(2) Session 对 象 在 创建 虚拟 购 货车 中 的 作用 是 

A. 保存 数据 B. 汇集 记录 

C. 临时 保存 数据 D. 网 页 间 保 存 和 传送 数据 
(3) Page.IsPostBack 属性 在 情况 下 为 true。 

A. 新 打开 网 页 时 B. 返回 本 窗 体 时 

C. 关闭 网 页 时 D. 退出 网 页 时 
(4) User.Identity.Name 属性 代表 

A. 新 增添 的 客户 名 B. 管理 员 客户 名 

C. 当前 登录 的 客户 名 D. 具有 特权 的 客户 名 
3. 简 答题 


(1) 在 购 货车 的 创建 中 Session 对 象 起 什么 作用 ? 
本 章 的 应 用 程序 中 下 列 代码 起 什么 作用 ? 
if(!IsPostBack) 


GridView1l.DataSource= Session["ShoppingCart"]; 
DataBind() 7 


(2) 在 执行 ?上 述 代码 的 情况 下 ， 后 续 网 页 中 GridView 控件 中 的 数据 是 怎么 得 


(3) 账户 管理 中 如 何 获得 附加 信息 并 与 客户 登录 的 基本 信息 联系 起 来 ? 

(4) 如 何 判断 目前 登录 的 客户 是 否 已 经 注册 ? 

4. 操作 题 

(1) 按照 本 章 所 讲 的 步骤 完成 选 购 、 计 账 、 下 订单 等 项 工作 。 

(2) 在 完成 上 述 工 作 的 基础 上 增加 下 述 附 加 功能 : 

@ 允许 客户 随时 查看 产品 的 出 产 单位 。 

@ ”允许 特权 客户 修改 产品 的 单价 。 

@ ”允许 特权 容 户 查看 和 修改 雇员 的 情况 。 

@ ”实现 从 客户 的 预付 款 中 扣除 货款 的 功能 。 

@ ”设计 一 个 表格 与 图 像 相 结合 的 商品 介绍 界面 。 

@ ”动态 生成 控件 以 提供 更 多 的 选项 。 

(3) 设计 一 个 客户 注册 系统 ， 系 统 中 的 某 些 网 页 只 允许 已 经 注册 的 客户 访问 。 若 客户 
没有 注册 就 想 打 开 时 ， 将 给 予 适当 的 提示 并 返回 到 注册 表 输 入 网 页 。 

(4) 设计 一 个 服装 (或 首饰 、 花 卉 ) 网 站 。 
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C# NET 语言 由 微软 公司 开发 (并 得 到 ECMA 与 ISO/IEC 标准 的 承认 )， 是 一 种 现代 
的 、 简 单 的 、 面 向 对 象 的 、 通 用 的 程序 设计 语言 ， 从 2002 年 到 2010 年 已 经 先后 开发 了 5 
个 版 本 (1.0、1.2、2.0、3.0、4.0)， 本 附录 作为 C#NET 的 基础 语法 参考 。 


A.1 数据 类 型 


A.1.1 常量 与 变量 

常量 即 在 程序 的 运行 过 程 中 其 值 不 会 发 生 改 变 的 量 。 常 量 声明 的 格式 为 : 

常量 修饰 符 ”const 类 型 标识 符 ” 常 量 名 = 常量 表达 式 ; 

其 中 常量 修饰 符 可 以 是 new、private、protected、internal 和 public。 

常量 定义 举例 如 下 。 

public const int x=1,y=3; 

变量 是 在 程序 的 运行 过 程 中 其 值 可 以 发 生 改变 的 量 。 从 用 户 的 角度 来 看 ， 变 量 就 是 存 
储 信 息 的 基本 单元 ， 从 系统 的 角度 来 看 ， 变 量 就 是 计算 机 内 存 中 的 一 个 存储 空间 。 变 量 必 
须 先 定义 后 使 用 。 

变量 定义 的 一 般 形式 为 : 

[变量 修饰 符 ] 类 型 标识 符 ” 变 量 标识 符 [= 常 量 表 达 式 ] ; 

变量 修饰 符 有 new、private、protected、internal、public、static 和 readonly。 

变量 定义 举例 如 下 。 


static public int x=1; 


A.1.2 值 类 型 
1. 简单 类 型 : 整 型 、 实 型 、 字 符 型 和 布尔 型 
1)” 整 型 


整 型 变量 的 值 为 整数 。C# 中 有 8 种 整数 类 型 ， 短 字 节 类 型 sbyte、 字 节 型 byte、 短 整 
型 short、 无 符号 短 整 型 ushort、 整 型 int、 无 符号 整 型 uint、 长 整 型 long、 无 符号 长 整 型 
ulong。 各 类 型 的 说 明 及 取 值 范围 如 表 A.1 所 示 。 


表 A.1 整 型 变量 


说 明 取 值 范围 
sbyte 有 符号 8 位 整数 -128 一 127 
无 符号 8 位 整数 0 一 255 
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续 表 


数据 类 型 取 值 范围 
short | 有 符号 16 位 整数 -32 768~32 767 
short | 无 符号 16 位 整数 0~65 535 
i | 有 符号 32 位 整数 er | 
无 符号 32 位 整数 0 一 2 了 2 


有 符号 64 位 整数 


无 符号 64 位 整数 


2)” 实 型 

实 型 数据 分 为 浮 点 型 和 十 进 制 类 型 。 

数学 中 的 小 数 在 C# 中 采用 两 种 数据 类 型 来 表示 : 单 精度 (floab 和 双 精 度 (double)。 它 
们 的 取 值 范围 和 精度 如 下 。 

e@ 单 精 度 : 取 值 范围 为 土 1.5x104 一 士 3.4x1038， 精 度 为 7 位 数 。 

e@ 双 精 度 ， 取 值 范围 为 土 5.0x10324 一 十 1.7x1038， 精 度 为 15 一 16 位 数 。 

十 进 制 类 型 (decimal) 是 C# 专 门 提供 的 一 种 类 型 ， 主 要 用 于 金融 和 货币 方面 的 计算 。 
该 类 型 是 一 种 高 精度 、128 位 数据 类 型 ， 运 算 结果 准确 到 小 数 点 后 28 位 。 当 定义 一 个 
decimal 变量 并 赋值 给 它 时 ， 使 用 m 下 标 以 表明 它 是 一 个 十 进 制 类 型 ， 例 如 ，decimal 
dx=1.0mi。 

3) ”字符 型 

字符 包括 数字 字符 、 英 文字 母 、 表 达 符 号 等 ，C# 提 供 的 字符 按照 国际 公认 的 标准 ， 
采用 Unicode 字符 集 。 一 个 Unicode 的 标准 字符 长 度 为 16 位 。C# 中 也 存在 转 义 字符 ， 用 


来 在 程序 中 指 代 特 殊 的 控制 字符 。C# 中 使 用 的 转 义 字符 如 表 A.2 所 示 。 
表 A.2 转 义 字符 
转 义 字符 字符 名 称 

Vv 单 引号 

好 双 引 号 

\ 反 斜 杠 

‘0 空 字符 (NulD) 

\a 响 铃 

vb 退 格 

¥ 进 纸 

un 换行 

¥ 回 车 

Vt 水 平 制 表 

WV 垂直 制 表 


除了 简单 的 转 义 字符 外 ， 可 以 通过 C# 的 十 六 进 制 转 义 序列 来 表示 任何 一 个 Unicode 
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字符 常数 。 例 如 ，"x101' 等 价 于 字符 'A'。 

2. 结构 类 型 

结构 类 型 是 指 把 各 种 不 同类 型 数据 信息 组 合 在 一 起 形成 的 类 型 。 结 构 类 型 的 变量 采用 
struct 来 声明 。 例 如 可 以 定义 学 生成 绩 表 记录 结构 如 下 。 

struct Student 

{ 

public string number; 

public string name; 

public int score; 

} 

Student stul; 

stul 就 是 一 个 Student 结构 类 型 的 变量 。 对 结构 成 员 的 访问 通过 结构 变量 名 加 上 访问 
符 “.” 号 ， 再 跟 成 员 名 ， 如 stul.name="Jacky";。 

结构 类 型 包含 的 成 员 类 型 没有 限制 ， 结 构 类 型 的 成 员 还 可 以 是 结构 类 型 。 

3. 枚 举 类 型 

枚 举 实际 上 是 为 一 组 在 逻辑 上 密 不 可 分 的 整数 值 提供 便于 记忆 的 符号 。 

例如 ， 声 明 一 个 代表 颜色 的 枚 举 类 型 的 变量 。 

enum Color {red,yellow,blue,green,black,white}; 

Color col; 

枚 举 类 型 的 变量 在 某 一 时 刻 只 能 取 枚 举 中 某 一 个 元 素 的 值 。 例 如 col 这 个 表示 颜色 的 
枚 举 类 型 变量 ， 在 某 一 时 刻 只 能 为 枚 举 中 的 一 种 颜色 。 

枚 举 中 的 每 一 个 元 素 类 型 都 是 int 型 ， 第 一 个 元 素 的 值 为 0， 其 后 每 一 个 连续 的 元 素 
依次 加 1 递增 。 也 可 以 给 元 素 直 接 赋值 ， 如 把 red 的 值 设 为 1， 其 后 元 素 的 值 分 别 为 2、 
本 


enum Color {red=1l,Yyellow,blue,green,black,white}7 


为 枚 举 元 素 所 赋 的 值 的 类 型 限于 long、int、short 和 byte 等 整数 类 型 。 


A.1.3 引用 类 型 


C# 中 的 另 一 大 数据 类 型 为 引用 类 型 ， 引 用 类 型 与 值 类 型 的 区 别 在 于 :引用 类 型 变量 
不 直接 存储 所 包含 的 值 ， 而 是 实际 数据 的 地 址 。C# 中 的 引用 类 型 有 4 种 : 类 、 数 组 、 代 
理 和 接口 。 

1. 类 

类 是 面向 对 象 编程 的 基本 单位 ， 其 中 包含 数据 成 员 、 函 数 成 员 和 榜 套 类 型 的 数据 结 
构 。 类 的 数据 成 员 有 常量 、 字 段 和 事件 。 函 数 成 员 包括 方法 、 属 性 、 索 引 指 示 器 、 运 算 
符 、 构 造 函数 和 析 构 函数 。 类 支持 继承 机 制 ， 派 生 类 可 以 扩展 基 类 的 数据 成 员 和 函数 
属性 是 c#NET 语言 中 提出 的 一 种 新 的 成 员 。 为 了 保护 数据 ， 通 常 将 数据 成 员 定义 成 
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私有 (private) 保 护 等 级 ， 将 其 封装 在 类 中 ; 同时 ， 为 了 方便 外 界 的 访问 ， 又 必须 提供 数据 
对 外 访问 的 接口 。 属 性 的 使 用 简化 了 私有 数据 对 外 访问 接口 的 设置 过 程 。 通 常 属性 中 包括 
两 个 专用 的 方法 ， 一 个 用 于 读 取 私有 数据 ， 另 一 个 用 于 写 入 或 修改 私有 数据 。 
属性 的 定义 格式 如 下 。 
[修饰 符 ] 返回 类 型 属性 名 
{ 
get // 用 于 读 取 私有 数据 
Ea 
set // 用 于 写 入 私有 数据 
{ -} 
} 


其 中 修饰 符 可 以 使 用 public、protected、private、internal 等 ， 通 常 使 用 public。 
当 与 私有 变量 结合 使 用 时 ， 属 性 定义 的 代码 如 下 。 


private 返回 类 型 ”私有 变量 名 ; // 定 义 一 个 私有 变量 
public 返回 类 型 ”属性 名 // 属 性 定义 开始 
{ 
get // 读 取 私有 变量 
{ return 私有 变量 名 ; } 
// 写 入 私有 变量 


set 
{ 私有 变量 名 = value ; } 
1 // 属 性 定义 结束 
其 中 get 方法 用 于 读 取 成 员 变 量 ，set 方法 用 于 写 入 或 改变 成 员 变 量 。 当 从 属性 读 出 
数据 时 ， 系 统 将 自动 调用 get 方法 ; 当 给 属性 赋值 时 系统 将 自动 调用 set 方法 。 如 果 属 性 
中 只 包括 set 方法 时 ， 此 属性 只 能 写 入 ; 只 包括 get 方法 时 ， 此 属性 为 只 读 属 性 。 为 了 保 
护 数据 ， 可 以 在 读 取 或 设置 成 员 变 量 的 语句 前 面 加 上 条 件 判断 ， 当 条 件 满足 时 才能 对 变量 
进行 读 或 写 操作 。 
属性 的 定义 及 调用 举例 如 下 。 
(1) 定义 属性 : 
class Employee 


{ 


private string name; // 定 义 1 个 私有 变量 
public string Name 
{ // 定 义 Name 属性 
get 
{ return name; } 
set 


{ name = value; } 
} 
} 


(2) 调用 属性 : 


Employee el = new Employee(); 
el.Name = "Cheng"; // 自 动 调用 属性 Name 中 的 set 方法 
Console.WriteLine (el.Name);  ”// 自 动 调用 属性 Name 中 的 get 方法 


从 上 例 可 以 看 出 ， 调 用 属性 的 格式 与 调用 变量 的 格式 相同 ， 只 不 过 用 属性 名 代替 了 变 
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量 名 。 
2. 数组 
数组 是 同一 类 型 数据 的 有 序 集合 。 数 组 的 声明 格式 如 下 。 
数组 类 型 [] 数组 名 ; 
声明 一 个 整数 数组 : 
arr: int[] arr; 


使 用 数组 元 素 时 ， 可 以 用 数组 名 [下 标 ] 来 获取 对 应 的 数组 元 素 。C# 中 的 数组 元 素 的 下 
标 从 0 开始 ， 以 后 逐个 加 1。C# 中 的 数组 可 以 是 一 维 的 ， 也 可 以 是 多 维 的 。 在 数组 声明 的 
时 候 可 以 对 数组 元 素 进行 初始 化 。 一 维 及 多 维 数组 的 定义 和 初始 化 举例 如 下 。 

class Classl 


{ 
static void Main() 


{ string[] al=new int[] {1,2,3}; // 一 维 数组 
string[,] a2=new int[,] {{1,2,3},{4,5,6}}; // 二 维 数组 
string[,,] a3=new int[10,20,30]; // 三 维 数组 
} 

} 

和. 代理 


面向 对 象 应 用 程序 中 ， 对 象 与 对 象 之 间 通 过 消息 和 事件 建立 联系 。 当 一 个 对 象 发 生 了 
某 种 事件 时 ， 会 发 出 一 定 的 消息 去 引发 其 他 对 象 的 方法 来 响应 该 事件 。 如 何在 事件 源 与 接 
收 方 之 间 建 立 联系 呢 ? .NET 框架 提供 了 一 种 特殊 的 类 型 “代理 (Delegate)”， 在 事件 源 与 
事件 接收 者 之 间架 起 了 一 座 桥梁 。 

代理 的 作用 与 结构 化 程序 中 函数 指针 的 作用 相似 ， 但 具有 面向 对 象 、 类 型 安全 等 新 的 
特征 。 代 理 是 一 个 派生 于 System.delegate 的 类 ， 通 过 “方法 签名 ”来 识别 它 所 引用 的 方 
法 。 一 个 方法 的 参数 类 型 (包括 它们 的 顺序 ) 与 返回 类 型 的 组 合 就 称 为 该 方法 的 签名 。 代 理 
只 能 对 与 代理 定义 中 的 签名 相 匹 配 的 方法 进行 引用 。 

定义 代理 的 格式 如 下 。 

[ _ accessModifier ]delegate delegateName returnType ( [parameterType 

parameterName [,]] ) 


其 中 delegate 是 关键 字 。 其 他 部 分 的 含义 如 下 。 

accessModifier: 对 代理 的 存 取 权限 ， 可 以 定义 成 public、protected 等 。 
delegateName: 代理 类 的 名 字 。 

returmType: 代理 类 返回 的 类 型 。 

parameterType: 传递 给 代理 的 参数 类 型 。 

parameterName: 传递 给 代理 的 参数 名 。 

例如 ， 定 义 一 个 代理 Caculation。 


public delegate double Caculation (double x, double y); 
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这 个 代理 有 两 个 double 类 型 的 参数 ， 返 回 一 个 double 类 型 的 值 。 这 个 代理 只 能 将 信 
息 传递 给 有 两 个 double 参数 ， 并 且 返 回 double 类 型 的 方法 。 
将 代理 与 实例 方法 连接 的 程序 举例 如 下 。 


using System; 
namespace Delegate2 
{ 
public delegate string Delegatestring(); 
public class Student 
4 
private string name; 
private int age; 
public Student (string name, int age) 


this.name = name; 
this.age = age; 
} 
public string NameAndAge() 


return(name + " is "+ age + " years old"); 
3 
} 
public class Speciality 
{ 
private string department; 
private string special; 
public Speciality(string dep,string spe) 
{ 
this.department = dep; 
this.special = spe; 
} 
public string show() 
t 
return("The department is "+department +" special is "+special); 
} 
} 
class Test 
{ 
static void Main(string[] args) 
{ 
Student stul = new Student ("Cheng",19); 
DelegateString myDelegatel = new Delegatestring(stul.NameAndAge); 
string st = myDelegatel (); 
Console.WriteLine (st); 
Speciality sp = new Speciality("Computer", "Application"); 
DelegateString myDelegate2 = new DelegateString(sp.show) 7 
string spec = myDelegate2 () 7 
Console.WriteLine (spec); 


} 


该 程序 中 将 代理 对 象 与 方法 连接 的 代码 有 。 
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Student stul = new Student ("Cheng",19); // 生 成 Student 类 的 对 象 stul 
DelegateString myDelegatel = new DelegateString(stul.NameRandRge) 7 
// 对 象 myDelegatel 与 方法 Nameandage () 连接 
Speciality sp = new Speciality("Computer", "Aplication"); 
// 生 成 Speciality 类 的 对 象 sp 
DelegateString myDelegate2 = new DelegateString(sp.show); 
// 对 象 myDelegate2 与 方法 show () 连接 


通过 代理 引用 方法 的 语句 有 
string st = myDelegatel ();// 引用 方法 NameAndAge() 
Console.WriteLine (st); 
string spec = myDelegate2();// 引用 方法 show () 
Console.WriteLine (spec); 
因此 该 程序 运行 结果 为 
Cheng is 19 years old 
The department is Computer special is Application 
4. 接口 
接口 中 不 能 定义 数据 ， 只 能 定义 方法 (包括 方法 、 属 性 、 索 引 指示 器 等 )， 而 且 只 能 定 
义 方法 的 首部 ， 不 包括 这 些 方法 的 实现 。 在 接口 中 所 定义 的 实际 上 是 一 组 为 所 有 继承 者 必 
须 遵守 的 契约 。 对 于 使 用 者 来 说 ， 只 要 知道 某 个 类 是 从 哪个 接口 继承 的 ， 就 知道 这 个 类 能 
提供 什么 样 的 服务 ， 以 及 如 何 调用 这 些 提 供 服务 的 方法 。 
接口 与 接口 之 间 可 以 继承 ， 类 (或 结构 ) 也 可 以 继承 接口 。 类 与 类 之 间 只 能 单 端 继承 ， 
但 类 可 以 在 继承 一 个 基 类 的 同时 继承 一 个 或 多 个 接口 。 在 继承 接口 的 类 中 必须 实现 全 部 在 
接口 中 定义 的 方法 。 
接口 的 声明 要 用 到 interface 关键 字 。 声 明 的 基本 格式 如 下 。 
[修饰 符 ] interface 接口 名 称 [: 基 接口 表 ] 
{ 


// 声明 接口 成 员 
} 


例如 : 


using System; 

interface IPoint 
{ 
void Print (Object o); 
int X {get; set;} 
int Y { get; set;} 

} 
下 面 通 过 一 个 简单 的 例子 来 说 明 接口 的 使 用 。 假 设 接口 IPoint 的 声明 同上 例 ， 首 先 定 
义 一 个 继承 自 该 接口 的 类 myPoint 如 下 。 

public class myPoint : IPoint // 类 myPoint 继承 自 接口 IPoint 
{ 


private int x; 
private int y; 
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public myPoint (int x, int Y) 


this.x = x; 
this.y = y; 
} 
public void Print (Object o) // 实 现 接口 中 定义 的 方法 


| 
IPoint tp = (IPoint)o; 
Console.WriteLine ("点 坐标 X: {0},Y:{1}",tp.X,tp.Y); 
3 
public int X // 实 现 接口 中 定义 的 属性 
{ 
get { return x; } 
set { x=value; } 
} 
public int Y // 实 现 接口 中 定义 的 属性 
i 
get { return y; } 
set { y=value; } 
} 
public static void Main() 
{ 
myPoint p = new myPoint (10,20); 
p.Print (p); 
3 
i 


运行 结果 为 : 
点 坐标 X:10，Y:20 


A.1.4 装 箱 与 拆 箱 


装 箱 和 拆 箱 机 制 使 得 在 C# 类 型 系统 中 ， 数 值 类 型 的 变量 与 引用 型 变量 之 间 可 以 互相 
转换 。 

装 箱 (Boxing) 是 指 把 数值 类 型 的 变量 转换 成 引用 类 型 的 操作 。 把 一 个 值 类 型 装 箱 ， 就 
是 创建 一 个 object 类 型 的 实例 并 把 该 值 类 型 数据 复制 给 这 个 object 实例 。 

装 箱 操作 举例 如 下 。 


int i=2000; 
object obj=i; 
装 箱 操作 转换 过 程 如 图 A.1 所 示 。 


将 引用 类 型 转换 为 数值 类 型 的 操作 称 为 拆 箱 (Unboxing)， 该 操作 必须 显 式 地 完成 。 拆 
箱 操作 举例 如 下 。 

object objl; 

int j = (int) objl; 


拆 箱 操 作 转 换 过 程 如 图 A.2 所 示 。 
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2000 | | 
“oT | 


本 
i | 2000 objl | <- 1000 
堆栈 堆 堆 术 堆 
图 A.1 装 箱 操作 转换 过 程 图 A.2 拆 箱 操作 转换 过 程 


A.2 运算 符 与 表达 式 
表达 式 由 运算 数 和 运算 符 组 成 ， 表 达 式 中 的 运算 符 指出 了 对 操作 数 的 操作 。 


A.2.1 算术 运算 符 与 算术 表达 式 

算术 运算 符 用 来 执行 常规 的 算术 运算 ， 包 括 +( 加 )、-( 减 )、*( 乘 )、/( 除 ) 和 %( 模 ， 求 余 
数 )。 
A.2.2 ”赋值 运算 符 与 赋值 表达 式 

赋值 运算 符 主要 用 来 进行 赋值 操作 ， 包 括 =、+=、 一 、*=、 全 =、%=、=、|、 信 、 
>>=、 <<=。 复 合 赋值 运算 符 将 左 操作 数 与 右边 表达 式 进行 相应 的 运算 ， 然 后 把 结果 赋 给 
左 操作 数 。 例 如 ，x+=6 等 价 于 x=x+6。 
A.2.3 ”关系 运算 符 与 关系 表达 式 

关系 运算 符 主要 进行 表达 式 的 比较 操作 ， 包 括 =( 等 于 )、! =( 不 等 于 )、>( 大 于 )、<( 小 
于 )、>=( 大 于 等 于 ) 和 <=( 小 于 等 于 )。 这 些 运算 符 都 是 二 元 运算 符 ， 运 算 结果 为 布尔 值 true 
或 false。 
A.2.4 ”逻辑 运算 符 与 逻辑 表达 式 


逻辑 运算 符 用 来 执行 逻辑 运算 ， 包 括 &&、|| 和 !， 其 中 &&、| 都 是 二 元 运算 符 。 各 运 
算 符 的 运算 规律 如 表 A.3 所 示 。 


表 A.3 逻辑 运算 符 的 真 值 表 
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如 果 表 达 式 中 同时 存在 着 多 个 逻辑 运算 符 ， 罗 辑 非 的 优先 级 最 高 ， 届 辑 与 的 优先 级 高 
于 逻辑 或 。 

用 轴 辑 运算 符 将 关系 表达 式 或 布尔 值 连接 起 来 就 是 多 辑 表达 式 。 惕 辑 表 达 式 的 值 仍然 
是 一 个 布尔 值 。 例 如 ， 给 出 一 个 年 份 ， 要 判断 它 是 不 是 头 年 ， 设 年 份 为 year， 是 否 闵 年 可 
以 用 以 下 逻辑 表达 式 来 表示 。 


(Yearg400==0) || (Yearg4)==0&& (year%100!=0) 


A.2.5 位 运算 符 

位 运算 符 用 来 对 数据 按 二 进 制 位 进行 运算 ， 包 括 &( 与 )、|( 或 )、^( 异 或 )、 一 ( 取 反 )、 
<<( 左 移 ) 和 >>( 右 移 )。 其 中 取 补 是 一 元 运算 符 ， 其 他 操作 符 都 是 二 元 运算 符 。 位 运算 的 操 
作 数 为 整 型 数 或 者 是 可 以 转换 为 整 型 的 任何 其 他 类 型 。 


A.2.6 ”对 象 创建 运算 符 

对 象 创建 运算 符 即 new 运算 符 ， 用 来 创建 对 象 并 调用 对 象 的 构造 函数 进行 初始 化 。 
例如 ， 

Classl obj=new Classl( ): 

该 语句 用 于 创建 类 Classl 的 对 象 obj， 并 调用 Classl 的 构造 函数 Class10 对 该 对 象 进 
行 初始 化 。 


A.2.7 ”其 他 运算 符 


下 面 介绍 其 他 运算 符 。 

@ ”++ 递增 运算 符 ， 对 操作 数 进 行 加 法 运算 。 例 如 ， 语 句 it+， 等 价 于 语句 Fi+l。 

@ ”-- 递 减 运算 符 ， 对 操作 数 进行 减法 运算 。 例 如 ， 语 句 i--; 等 价 于 语句 i=i-1。 

@ 条件 运 算 符 : “?:”， 是 一 个 三 元 运算 符 。 使 用 的 一 般 形式 为 (表达 式 1)? (表达 
式 2):( 表 达 式 3)， 先 求解 表达 式 1 的 值 ， 如 果 表 达 式 1 的 值 为 tue， 将 表达 式 2 
的 值 作为 整个 表达 式 的 值 ， 否 则 将 表达 式 3 的 值 作为 整个 表达 式 的 值 。 例 如 ， 


int max= (x>y) ?x: Y; 


如 果 x>y 为 tue， 则 把 x 赋 给 max， 否 则 ， 把 y 赋 给 max。 
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A.3 流程 控制 语句 


C# 提 供 了 以 下 流程 控制 语句 。 

@ 分 支 控制 语句 : 让 语句 和 switch 语句 。 

@ 循环 控制 语句 : while 语句 、do-while 语句 、for 语句 和 foreach 语句 。 
@ 跳 转 语句 : break 语句 和 continue 语句 。 

@ 异常 处 理 语句 : try 语句 、catch 语句 和 finally 语句 。 


A.3.1 分 支 控制 语句 


当 程 序 中 需要 进行 两 个 或 两 个 以 上 的 选择 时 ， 可 以 根据 条 件 判断 来 选择 将 要 执行 的 一 
组 语句 。C# 提 供 的 选择 语句 有 站 语句 和 switch 语句 。 

1. if 语 句 

让 语句 是 最 常用 的 选择 语句 ， 用 来 判断 是 否 满足 给 定 的 条 件 ， 根 据 判 定 的 结果 决定 执 
行 给 出 的 两 种 操作 之 一 。 

让 语句 有 两 种 基本 形式 。 

1) 让 (布尔 表达 式 ) 语句 

当 布 尔 表达 式 的 值 为 真 ， 则 执行 if 后 面 的 内 柑 语 句 ， 为 假 ， 则 继续 执行 if 语句 的 后 
继 语句 。 

例如 ， 对 一 个 浮 点 数 x 求 绝对 值 ， 结 果 保 存在 x 中 。 

if (x<0) x= -x; 

2) ”让 (布尔 表达 式 ) 语句 1 else 语句 2 

当 布 尔 表 达 式 的 值 为 真 ， 则 执行 内 栓 语 句 1， 否 则 执行 内 嵌 语 名 2。 

例如 ， 将 两 个 整 型 数 x、y 中 较 大 的 赋 给 整数 max。 


if (x>y) max=x; else max=y; 


如 果 程 序 的 逻辑 判断 关系 比较 复杂 ， 通 常 还 可 以 采用 条 件 判 断 柑 套 语句 。 具 体形 式 
如 下 。 

ifE “(布尔 表达 式 ) 

{if (布尔 表达 式 ) 语句 1 else 语句 2} 

else 

{if (布尔 表达 式 ) 语句 3 else 语句 4} 

此 时 每 一 条 else 与 离 它 最 近 且 没有 其 他 else 与 之 对 应 的 站 相 搭配 。 

例如 ， 一 数学 函数 的 表达 式 为 


=] x<0 
y=10 x=0 
1 x>0 


使 用 让 语句 书写 代码 如 下 。 
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if (x>0) {y=1;} 
else {if (x==0) y=0;else y=-1;} 
2. switch 语句 
如 果 要 实现 多 分 支 语句 ， 可 以 采用 switch 语句 。switch 语句 根据 一 个 控制 表达 式 的 值 


选择 一 个 内 翌 语 句 的 分 支 来 执行 。 它 的 一 般 格式 为 


switch (控制 表达 式 ) 
{case 常量 表达 式 1: 语句 1 break; 
case 常量 表达 式 2: 语句 2 break; 


case 常量 表达 式 n: 语句 n break; 
default: 语句 n+1 
} 


switch 语句 的 语义 为 : 当 控制 表达 式 的 值 与 某 一 个 case 后 面 的 常量 表达 式 的 值 相 等 


时 ， 就 执行 此 case 后 面 的 语句 ， 若 与 所 有 的 case 中 的 常量 表达 式 的 值 都 不 能 匹配 时 ， 就 
执行 default 后 面 的 语句 。C# 语 言 规定 : switch 语句 中 每 一 个 case 标签 后 面 必须 使 用 break 
语句 或 跳 转 语句 goto， 不 允许 从 一 个 case 标签 贯穿 到 另 一 个 case 标签 。 


switch 语句 使 用 示例 要 求 按照 考试 成 绩 的 等 级 (Grade) 打 印 出 百分制 分 数 段 。 


Switch (grade) 

{case 'A': printf("85~100\n"); break; 
case 'B': printf("75~84\n"); break; 
case 'C': printf("60~74\n"); break; 
case 'D': printf("<60\n"); break; 
default: printf("error\n"); 


} 


A.3.2 ”循环 控制 语句 


句 、 


循环 语句 用 于 实现 一 个 程序 模块 的 重复 执行 。C# 提 供 了 4 种 循环 控制 语句 : while 语 
do-while 语句 、for 语句 、foreach 语句 。 

1. while 语句 

while 语句 用 来 实现 “ 当 型 ”循环 结构 。 其 一 般 形 式 如 下 。 

while (布尔 表达 式 ) 语句 

它 的 执行 顺序 为 

(1) 计算 布尔 表达 式 的 值 。 

(2) 当 布 尔 表达 式 为 真 时 ， 执 行 while 语句 中 的 内 嵌 语 句 ， 然 后 程序 转 至 第 (1) 步 。 
(3) 当 布 尔 表达 式 为 假 时 ， 结 束 循环 。 

例如 用 while 语句 求 112+3+…+100， 代 码 如 下 。 

i=1; 


Sum=07 
while (i<=100) 
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{sum+=i} 
it++;} 
printf ("1+2+3+°*+100=%d", sum) 7 


2. do-while 语句 
do-while 语句 的 特点 是 先 执行 循环 体 ， 然 后 判断 循环 条 件 是 否 成 立 。 其 一 般 形 式 为 : 


do 

循环 体 语句 

while (布尔 表达 式 ) 

该 语句 执行 顺序 如 下 。 

(D 执行 循环 体 语句 一 次 。 

(2) 计算 布尔 表达 式 的 值 ， 为 真 则 回 到 第 一 步 ， 为 假 则 终止 do 循环 。 

例如 用 do-while 语句 求 1+2+3+…+100， 代 码 如 下 。 

i 

Sum=07 

do 

{sum+=i7 

i++;?} 

while(i<=100); 

printf ("1+2+3+**+100=%d", sum); 

3. for 语句 

在 事先 知道 循环 次 数 的 情况 下 ， 使 用 for 语句 比较 方便 。for 语句 的 格式 为 : 

for (表达 式 1; 表达 式 2; 表达 式 3) 语句 

其 中 表达 式 1 为 循环 控制 变量 初始 化 ， 循 环 控制 变量 可 以 有 一 个 或 多 个 ， 若 有 多 个 则 
用 去 号 隔 开 ， 表 达 式 2 为 循环 控制 条 件 ， 表 达 式 3 按 规 律 改变 循环 控制 变量 的 值 。3 个 表 
达 式 都 是 可 选 的 ， 缺 省 某 个 表达 式 时 ， 其 后 的 分 号 “; ”不 能 省 ， 如 三 个 表达 式 都 省 略 的 
情况 如 下 。 

for (; ; ) {语句 } 

for 语句 的 执行 顺序 如 下 。 

(1) 按 书 写 顺序 将 表达 式 1 执行 一 遍 ， 为 循环 控制 变量 赋 初 值 。 

(2) 测试 表达 式 2 是 否 为 真 。 

(G3) 若 没有 表达 式 2 或 表达 式 2 为 真 ， 则 执行 内 嵌 语 句 一 遍 ， 按 表达 式 3 的 规律 改变 
循环 控制 变量 的 值 ， 回 到 第 (2) 步 执行 。 

(4) 若 表达 式 2 不 满足 ， 则 for 循环 终止。 

例如 用 for 语句 计算 1+2+3+…+100， 代 码 如 下 。 

for (i=1;i<=100;i++) sumt+=i; 


4. foreach 语句 


foreach 语句 是 C# 中 新 引入 的 ， 它 表示 收集 一 个 集合 中 的 各 元 素 ， 并 针对 各 元 素 执行 
内 嵌 语 句 。foreach 语句 的 一 般 形 式 为 : 
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foreach (类 型 标识 符 ”标识 符 in 表达 式 ) 语句 

其 中 类 型 标识 符 和 标识 符 用 来 声明 变量 ， 表 达 式 对 应 集合 。 每 执行 一 次 内 嵌 语 句 ， 循 
环 变量 就 依次 取 集合 中 的 一 个 元 素 代 入 其 中 。 

例如 用 foreach 语句 输出 整 型 数组 arr 中 所 有 元 素 ， 代 码 如 下 。 

int[] arr=new int[] {1,2,3,4,5}; 


foreach(int a in arr) 
Console.WriteLine (a) 7 


A.3.3 ”异常 处 理 语 名 


C# 中 提供 的 异常 处 理 语 句 有 try、catch、finally。 

try 语句 提供 了 一 种 机 制 来 捕捉 块 执行 过 程 中 发 生 的 异常 。 它 的 一 般 形式 为 : 
try 

{被 保护 的 语句 块 } 

catch (异常 声明 1) 

{语句 1} 

catch (异常 声明 2) 

{语句 2 


catch 


{语句 n} 
该 语句 的 执行 过 程 为 : 首先 执行 ty 语句 中 被 保护 的 语句 块 ， 如 果 发 生 异 常 ， 则 根据 
异常 类 型 与 其 后 catch 块 中 的 异常 声明 匹配 ， 如 果 与 某 一 个 catch 块 中 的 异常 声明 匹配 ， 
则 执行 其 内 嵌 语 句 ， 如 果 与 任何 一 个 catch 块 中 的 异常 声明 都 不 匹配 ， 则 执行 不 带 异 常 声 
明 的 catch 块 中 的 语句 。 

finally 语句 块 通常 用 来 完成 一 些 善 后 工作 ， 即 不 论 是 否 发 生 异常 都 必须 执行 的 语句 块 
放 在 finally 语句 块 中 。 

try-catch-finally 语句 块 的 使 用 举例 如 下 : 从 键盘 输入 一 整 型 数 作为 除数 ， 当 除数 为 0 
时 将 抛 出 并 处 理 异 常 。 

class Classl 


{ 


private int x=100; 
public int divl(int ii) 
{ 
int Y7 
try 
{ 
y= xX/ ii; 
} 
catch (DivideByZeroException) // 除数 为 0 时 的 处 理 
{Console .WriteLine ("除数 为 零 ， 请 重新 输入 ! \n"); y=0; 
finally 
{Console.WriteLine ("执行 finally 语句 块 \n");} 
return Y7 
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4 
static void Main(string[] args) 
{ 
int s,sl; 
Classl dd=new Class1(); 
s = Console.Read() - 48; // 0 的 Unicode 代码 为 48 
sl=dd.div(s); 
Console.WriteLine ("结果 为 : {0}",s1); 
} 
3 


执行 该 程序 时 ， 若 输入 整数 0， 将 引发 Divide By Zero Exception 异常 ， 所 以 将 执行 
catch 块 中 的 语句 ， 输 出 结果 为 : 


除数 为 零 ， 请 重新 输入 ! 
执行 finally 语句 块 
结果 为 : 0 


附录 B 部 分 习题 参考 答案 


第 1 章 
1. 填空 
(1) CGI 阶段 ， 脚 本 语言 阶段 ， 组 件 技术 
(2) 程序 设计 语言 ， 应 用 程序 平台 ，ADONET 及 类 库 ， 公 共 语 言 运行 库 ，Visual 
Studio.NET 开发 环境 
G) 命名 空间 


2. 选择 题 

(DC (C)D GB)C (DB 

3. 判断 题 

(1) 错误 (2) 错误 G) 正确 (4) 正确 (5) 错误 
第 2 章 

1. 填空 题 


(1) 比较 简单 ， 复 杂 或 有 特殊 要 求 

(2) Inetpubvwwwroot，http:// Localhost，http:// 服 务 器 域名 
(3) Machine.config 

(4) 开发 


2. 选择 题 

(DB (QA G3)D 

3. 判断 题 

(1) 错误 、(2) 正确 (3) 错误 (4) 正确 


第 3 章 
1. 填空 题 
(1) Hyper Text Markup Language( 超 文本 标记 语言 )，World Wide Web 
(2) 文本 ， 浏 览 器 
G3) 浏览 器 ， 浏 览 器 
(4) 有 序列 表 ， 无 序列 表 
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2. 选择 题 

(DA QB GD WD OcC,B 
3. 判断 题 

(1) 错误 ”(2) 错 i 


第 4 章 
1. 填空 题 
(1) Cascading Style Sheet, 元 素 的 外 观 
(2) stylesheet, text/css 
(3) 像素 (px)、 字 体 宽度 (em)， 百 分 数 (%%) 
(W)C 
(5)B 
(6) 普通 流 ， 相 对 定位 和 绝对 定位 
2. 选择 题 
BD;AC 
3. 判断 题 
(1) 正确 (2) 错误 G) 错误 (4) 错误 (5) 正确 


第 5 章 
1. 填空 题 

(1) 浏览 器 本 身 ， 服 务 器 

(2) HTML 4，CSS， 事 件 ， 脚 本 

(3) Document Object Model, DHTML 

(4) 浏览 器 ， 服 务 器 ， 基 于 脚本 


2. 简 答题 
(2) 一 般 有 四 种 标记 : <img>、<embed>、<object> 和 <bgsound>。 


第 6 章 
1. 填空 题 
(1) 对 表单 的 支持 , 动画 设计 , Ajax 
(2) DOM 
(3) 所 有 div 标记 后 代 中 使 用 content 类 选择 器 的 元 素 
(4) 给 所 有 Dp 标记 的 元 素 增添 class="myclass" 选 择 器 
(5) 给 所 有 Dp 标记 的 元 素 删 除 class="anotherclass" 选 择 器 
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(6) textexp 
2. 选择 题 
(DC WB G)C 
3. 判断 题 
(1) 错误 C) 正确 G) 正确 (4) 正确 
第 7 章 
1. 填空 题 
(1) System.Web.UIPage 
(2) 代码 分 离 模式 ， 单 一 模式 
G) 命名 空间 ， 类 名 ，partial 
(4) aspx.cs 
2. 判断 题 
(1) 正确 (2) 错误 
第 8 章 
1. 填空 题 
(1) TextMode 
(2) AutoPostBack 
(3) Redirect 
(4) nn.ToString(); 
(5) double.Parse(ss) ; 
2. 选择 题 
(DB (2)D 
3. 判断 题 


(1) 正确 (2) 正确 (3) 正确 


第 9 章 
1. 填空 题 
(1) 视图 状态 ， 应 用 程序 状态 ， 会 话 状态 ，Cookie 状态 
(2) (string)Session["greeting"] 
(3) LockO0，UnLock 
(4) useUri, AutoDetect 


(5) Session.Timeout = 60; 


(5) § 


六 3 己 


日 天 
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(6) Session.Abandon(); 


2. 选择 题 
(DA WC 
3. 判断 题 
(1) 正确 QQ2) 正确 (3) 错误 (4) 正确 
第 10 章 
1. 填空 题 
(1) ControlToValidate 
(2) ValidationExpress 
2. 选择 题 
(DB WD G)B (WC 
3. 判断 题 
(1) 错误 (2) 正确 G3) 正确 
第 11 章 
1. 填空 题 


(1) new DataSet 0，new DataSet (" 表 名 ") 

(2) Connection 连接 类 ，Command 命令 类 ，DataAdapter 数据 适配器 类 ，DataReader 数 
据 读 取 类 

2. 选择 题 

(1)B (2)B 

3. 判断 题 

(1) 错误 (2) 正确 G) 正确 (4) 错误 (5) 正确 

(6) 错误 (7) 正确 

第 12 章 

1. 填空 题 

(1) CompositeDataBoundControl 

CO) 10 

2. 判断 题 

(D 错误 (2) 错误 
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第 13 章 


(1) 待定 参数 名 ， 类 型 ， 实 际 参数 
(2) 选择 ， 父 表 的 GridView 

(3) RequestQueryStringO 

2. 选择 题 

(DB VD 

3. 判断 题 

(1) 正确 (2) 错误 (3) 错误 


第 14 章 
1. 选择 题 
(DC VD G)B 
2. 判断 题 
(1) 正确 (2) 错误 (3) 正确 


第 15 章 
1. 填空 题 
(1) LayoutTemplate, ItemTemplate 
(2) 【高 级 】 


(3) DataPager 
(4) <%# Eval("age") %> 


2. 选择 题 


(1) A,D,B,C 
WC 
G)D,B 


3. 判断 题 
(1) 正确 (2) 错误 G) 正确 (4) 正确 


第 16 章 


1. 填空 题 
(1) 数据 库 
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(2) T-SQL 
(3) 参数 名 及 类 型 ，SQL 语句 
(4) 缓存 持续 时 间 为 40 秒 ， 与 版 本 相关 的 属性 为 none 


2. 选择 题 

(DD QB 

3. 判断 题 

(1) 错误 、 (2) 正确 (3) 错误 


第 17 章 
1. 填空 题 
(1) App_Code 
(2) 给 数据 表 进 行 分 页 和 排序 ， 缓 存 数 据 ， 防 止 数据 访问 中 的 冲突 
2. 选择 题 
(DA (2)D G)A 
3. 判断 题 
(1) 正确 (2) 错误 


第 18 章 
1. 填空 题 
(1) 匿名 方法 
(2) LINQ to Object, LINQ to XML,LINQto SQL, LINQ to DataSet LINQ to Entities 
2. 选择 题 
(DC WD 
3. 判断 题 
(1) 错误 (2) 正确 。 (G3) 正确 


第 19 章 
1. 填空 是 
(GD 服务 器 控件 


(2) TextBox, Orang, DarkGreen 
(3) 用 户 控件 的 命名 空间 (前 组 ) 


2. 选择 题 
(DD CD A WD 
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3. 判断 题 

(1) 正确 (2) 正确 G) 正确 (4) 错误 (5) 正确 
第 20 章 

1. 填空 

(1) 节点 展开 和 折 释 

(2) 深度 为 3 层 

2. 选择 题 

(DC (C)A G)B 

3. 判断 题 

(1) 错误 (2) 错误 (3) 错误 (4) 正确 
第 21 章 

1. 填空 题 


(1) 当前 的 登录 状态 
(2) 用 户 姓名 
G)7 个 字符 以 上 ， 一 个 以 上 字母 ， 一 个 以 上 非 数字 亦 非 字母 的 特殊 符号 


(4) PasswordRecovery 
(5) ChangePassword 
2. 选择 题 
(DC (2) C G3)B 
3. 判断 题 
(1) 正确 (2) 错误 (3) 错误 
第 22 章 
1. 填空 题 


(1) 识别 和 管理 用 户 信息 ， 确 定 和 保存 用 户 关心 的 数据 ， 人 允许 用 户 自己 定制 网 页 界面 
(2) enabled="true" /> 

(3) Name, string 

(4) allowAnonymous="true"/ 


2. 判断 题 
(1) 正确 (2) 错误 G) 正确 
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第 23 章 


(1) Asynchronous JavaScript XML 


(2) Ajax 引擎 


(3) ActiveXObject 

(4) XMLHttpRequest 
2. 选择 题 

(DC WD 

3. 判断 题 

(1) 错误 (C) 正确 
1. 选择 题 

(DC (2)B 

2. 判断 题 


(1) 错误 


1. 判断 题 
(1) 错误 


1. 填空 题 


(1) 松 耦 合 


(2) 错误 


(2) 错误 


G)B (WD 


第 24 章 


G)D (WC 


第 25 章 


G) 正确 
第 26 章 


(2) 通信 的 通用 标准 ， 服 务 与 消费 双方 的 协议 
(3) Simple Object Access protocol 
(4) 信息 服务 ， 计 算 


(5) 注册 


(6) XML， 服 务 的 各 项 要 求 


2. 选择 题 
(DA 


(2)D 
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3. 判断 题 
(1) 错误 (2) 错误 G) 正确 (4) 错误 
第 27 章 
1. 填空 题 
(1) Header 模板 ，Insert 模板 
(2) ItemInserted 
(3) HTML 的 Reset 按钮 ， 服 务 器 按钮 
(4) ItemInserting 
2. 选择 题 
(DC QD G)B 
第 28 章 
1. 填空 题 
(1) Global.asax.cs (2) CheckBox 
2. 判断 题 
(1) 正确 (2) 正确 G) 正确 (4) 错误 
第 29 章 
1. 填空 题 
(D) 
A. 创建 数据 表 对 象 Cart 
B. 如 果 购 货车 ShoppingCart2 还 没有 建立 
C. 从 Session 对 象 中 取出 数据 表 
D. 调用 校 验方 法 检查 是 否 输入 了 客户 标志 
E. 取出 TextBoxl 对 象 
F. 将 取出 的 单价 字段 转换 成 浮 点 类 型 


G. 生成 新 的 行 对 象 

H. 将 数据 表 存 入 Session 对 象 中 

CO) 

A. 对 GridView 控件 中 的 数据 表 的 记录 进行 循环 

B. 取出 记录 中 的 复 选 框 控件 

. 如 果 复 选 框 控件 被 选中 

. 求 第 八 个 字段 的 总 和 

E. 将 第 八 个 字段 的 总 和 在 TextBox 控件 中 显示 出 来 


= 二 ?| 


(5) 错误 


附录 B 部 分 习题 参考 答案 
(3) <%# Eval("productID") %> 
(4) <%# Eval("Color") %>, false 
(5) ss.Split(."); 
2. 选择 题 
(DB QD G)B (WC 
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